#nav {
  max-width: none; margin: 0;
  position: fixed; top: 0; left: 0; right: 0; z-index: 1000;
  padding: 4px 0; border-bottom: 1px solid rgba(16,32,51,.08);
  background: rgba(252,253,252,.92);
  transition: background .25s ease, box-shadow .25s ease, padding .25s ease;
}
#nav .container { max-width: none; width: 100%; padding: 0 32px; }
.nav-inner { display: flex; align-items: center; gap: 18px; }
.nav-logo { display:flex; align-items:center; gap:10px; color:#0d1a2e; text-decoration:none; font-family:"Space Grotesk",sans-serif; font-weight:800; font-size:1.5rem; letter-spacing:-.02em; }
.nav-logo-img { width:134px; height:88px; border-radius:12px; object-fit:contain; display:block; flex:0 0 auto; }
.nav-logo-copy { font-size:.82rem; font-weight:800; letter-spacing:.11em; color:#0d1a2e; text-transform:uppercase; white-space:nowrap; }
.nav-links { display:flex; align-items:center; gap:8px; margin:0 0 0 auto; padding:0; list-style:none; }
.nav-links a { display:block; font-size:1rem; font-weight:600; color:#405269; padding:8px 14px; border-radius:8px; text-decoration:none; transition:background .25s ease,color .25s ease; }
.nav-links a:hover, .nav-links a.active { background:#f3f7f5; color:#0d1a2e; }
.nav-cta { display:flex; align-items:center; gap:12px; }
.nav-hamburger { display:none; }
#nav.scrolled { padding:4px 0; background:rgba(255,255,255,.92); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); }
.hero { padding-top:clamp(180px,18vw,220px); }
@media (max-width:1024px) {
  #nav .container { padding-left:20px; padding-right:20px; }
  .nav-logo-img { width:100px; height:66px; }
  .nav-logo-copy { display:none; }
  .nav-links a { padding:8px; font-size:.9rem; }
  .hero { padding-top:155px; }
}
@media (max-width:768px) {
  #nav .container { padding-left:16px; padding-right:16px; }
  .nav-inner { justify-content:space-between; gap:10px; min-width:0; }
  .nav-logo { min-width:0; flex-shrink:1; }
  .nav-logo-img { width:88px; height:58px; }
  .nav-cta { margin-left:auto; gap:8px; flex-shrink:0; }
  .nav-links { display:none; }
  .nav-hamburger { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border-radius:8px; background:#f3f7f5; border:1.5px solid #dfe6ea; font-size:1.1rem; }
  .nav-links.is-mobile-open { position:fixed; z-index:1100; top:86px; right:16px; left:16px; display:flex; flex-direction:column; align-items:stretch; gap:4px; padding:12px; border:1px solid #dfe6ea; border-radius:14px; background:#fff; box-shadow:0 18px 50px rgba(13,26,46,.16); }
  .nav-links.is-mobile-open li, .nav-links.is-mobile-open a { display:block; width:100%; }
  .nav-links.is-mobile-open a { padding:12px 14px; border-radius:9px; }
  .mobile-nav-open { overflow:hidden; }
  .hero { padding-top:145px; }
}
@media (max-width:520px) { .hero { padding-top:135px; } }

.homepage-nav-page .legal-main { margin-top:0; padding-top:170px; }
.homepage-nav-page .guidelines-main { margin-top:0; padding-top:170px; }
.homepage-nav-injected { padding-top:124px !important; }
.homepage-nav-injected .legal-nav { display:none !important; }
.homepage-nav-injected :is(.site-header,.course-nav,.learning-nav,.admin-header) { top:124px !important; }
@media (max-width:1024px) { .homepage-nav-page .legal-main { padding-top:145px; } }
@media (max-width:1024px) { .homepage-nav-page .guidelines-main { padding-top:145px; } }
@media (max-width:1024px) {
  .homepage-nav-injected { padding-top:102px !important; }
  .homepage-nav-injected :is(.site-header,.course-nav,.learning-nav,.admin-header) { top:102px !important; }
}
@media (max-width:768px) { .homepage-nav-page .legal-main { padding-top:125px; } }
@media (max-width:768px) { .homepage-nav-page .guidelines-main { padding-top:125px; } }
@media (max-width:768px) {
  .homepage-nav-injected { padding-top:94px !important; }
  .homepage-nav-injected :is(.site-header,.course-nav,.learning-nav,.admin-header) { top:94px !important; }
}