:root{
  --red:#e8151b; --red-dk:#c01015; --orange:#f26522;
  --bg:#ffffff; --surface:#f7f8fa; --surface2:#eef0f4;
  --border:#e2e6ed; --text:#1a2332; --muted:#5f6f85;
  --light-r:#fff1f1; --r:10px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Barlow',sans-serif;background:#fff;color:var(--text);overflow-x:hidden;line-height:1.65;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}

/* Topbar */
.topbar{background:var(--red);padding:8px 5%;display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:600;color:#fff;}
.topbar a{color:#fff;opacity:.9;transition:opacity .2s;}.topbar a:hover{opacity:1;}
.tb-l{display:flex;gap:20px;align-items:center;}.tb-r{display:flex;gap:16px;align-items:center;}
.tb-sep{opacity:.35;}

/* NAV + MEGA DROPDOWN */
nav{position:sticky;top:0;z-index:300;background:#fff;border-bottom:3px solid var(--red);display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:68px;box-shadow:0 2px 12px rgba(0,0,0,.07);transition:box-shadow .3s;}
nav.scrolled{box-shadow:0 4px 24px rgba(0,0,0,.12);}

.nav-links{display:flex;align-items:center;gap:2px;list-style:none;}
.nav-links>li{position:relative;}
.nav-links>li>a{display:flex;align-items:center;gap:4px;padding:8px 13px;border-radius:6px;font-size:13.5px;font-weight:600;color:var(--muted);transition:all .18s;white-space:nowrap;}
.nav-links>li>a:hover{color:var(--red);background:var(--light-r);}
.nav-cta{background:var(--red)!important;color:#fff!important;font-weight:700!important;padding:9px 22px!important;border-radius:6px!important;font-size:13.5px!important;}
.nav-cta:hover{background:var(--red-dk)!important;}

/* Level-1 dropdown panel */
.mega-l1{
  display:none;position:absolute;top:calc(100% + 0px);left:0;
  background:#fff;border:1px solid var(--border);border-top:3px solid var(--red);
  border-radius:0 0 var(--r) var(--r);padding:6px;min-width:230px;
  box-shadow:0 10px 40px rgba(0,0,0,.1);z-index:500;
}
.nav-links>li:hover .mega-l1{display:block;}

/* L1 row items */
.l1-row{
  position:relative;display:flex;align-items:center;justify-content:space-between;
  padding:9px 14px;border-radius:7px;font-size:13.5px;font-weight:600;
  color:var(--muted);cursor:pointer;white-space:nowrap;transition:all .15s;
}
.l1-row:hover{background:var(--light-r);color:var(--red);}
.l1-row .l1-ico{margin-right:7px;font-size:15px;}
.l1-row .l1-arr{font-size:11px;opacity:.45;margin-left:8px;}
.l1-new{font-size:9px;font-weight:800;background:var(--red);color:#fff;padding:1px 5px;border-radius:3px;margin-left:5px;text-transform:uppercase;letter-spacing:.5px;}

/* Level-2 flyout */
.mega-l2{
  display:none;position:absolute;top:0;left:calc(100% + 2px);
  background:#fff;border:1px solid var(--border);border-top:3px solid var(--red);
  border-radius:0 var(--r) var(--r) var(--r);
  padding:0;min-width:580px;max-width:660px;
  box-shadow:0 10px 40px rgba(0,0,0,.1);z-index:600;overflow:hidden;
}
.l1-row:hover .mega-l2{display:block;}

.l2-head{
  background:var(--surface);border-bottom:1px solid var(--border);
  padding:12px 18px;display:flex;align-items:center;justify-content:space-between;
}
.l2-head-title{font-size:13px;font-weight:800;color:var(--text);}
.l2-head-sub{font-size:11px;color:var(--muted);}
.l2-enq{font-size:11.5px;font-weight:700;color:var(--red);background:var(--light-r);padding:4px 10px;border-radius:4px;white-space:nowrap;}
.l2-enq:hover{background:var(--red);color:#fff;}

.l2-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:6px;}
.l2-item{
  display:flex;align-items:flex-start;gap:10px;
  padding:9px 12px;border-radius:7px;cursor:pointer;text-decoration:none;
  color:inherit;transition:background .12s;
}
.l2-item:hover{background:var(--light-r);}
.l2-dot{
  width:32px;height:32px;border-radius:7px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;font-size:15px;margin-top:1px;
}
.dot-mech{background:#fff1f1;}
.dot-civil{background:#e6f1fb;}
.dot-arch{background:#faeeda;}
.dot-elec{background:#f3eeff;}
.dot-proj{background:#eaf3de;}
.dot-it{background:#e8f8f0;}
.dot-ai{background:#fce9f5;}
.l2-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;}
.l2-desc{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.4;}
.l2-hrs{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:1px 6px;border-radius:3px;margin-top:3px;}
.hrs-mech{background:#fff1f1;color:var(--red);}
.hrs-civil{background:#e6f1fb;color:#185fa5;}
.hrs-arch{background:#faeeda;color:#854f0b;}
.hrs-elec{background:#f3eeff;color:#533ab7;}
.hrs-proj{background:#eaf3de;color:#3b6d11;}
.hrs-it{background:#e8f8f0;color:#0f6e56;}
.hrs-ai{background:#fce9f5;color:#a0369a;}

/* diploma strip at bottom of flyout */
.l2-diploma{
  border-top:1px solid var(--border);background:var(--surface);
  padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.l2-diploma-label{font-size:12px;font-weight:700;color:#533ab7;}
.l2-diploma-sub{font-size:11px;color:var(--muted);}
.l2-diploma-link{font-size:12px;font-weight:700;color:var(--red);white-space:nowrap;}
.l2-diploma-link:hover{text-decoration:underline;}

/* Simple dd (non-mega) */
.dd{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:#fff;border:1px solid var(--border);border-top:3px solid var(--red);border-radius:0 0 var(--r) var(--r);padding:8px;opacity:0;pointer-events:none;transform:translateY(6px);transition:all .2s;box-shadow:0 10px 40px rgba(0,0,0,.1);z-index:400;}
.nav-links>li:hover .dd{opacity:1;pointer-events:all;transform:translateY(0);}
.dd a{display:block;padding:8px 14px;font-size:13px;font-weight:500;color:var(--muted);border-radius:6px;transition:all .15s;}.dd a:hover{background:var(--light-r);color:var(--red);}

/* Responsive tweaks */
@media(max-width:900px){.tb-l{display:none;}.mega-l2{display:none!important;} }
@media(max-width:640px){.mega-l1{display:none!important;} }