/* Shared header and full-screen navigation, based on the homepage. */
body[data-navigation] :is(#header,#mobile-drawer){--text-muted:#94a3b8;--glass-border:rgba(0,242,254,.15);font-family:var(--font-body);line-height:1.7}
body[data-navigation] :where(#header,#mobile-drawer) *{margin:0;padding:0;box-sizing:border-box}
body[data-navigation] :is(#header,#mobile-drawer) a{text-decoration:none}
body[data-navigation] #header{position:fixed;inset:0 0 auto;z-index:1100;width:100%;padding:20px 0;transition:background .3s,padding .3s}
body[data-navigation] #header.scrolled{background:rgba(2,6,23,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);padding:15px 0}
body[data-navigation] #header .nav-inner{width:90%;max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
body[data-navigation] #header .brand-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;font-family:var(--font-head);font-size:28px;font-weight:900;color:#fff;letter-spacing:2px}
body[data-navigation] #header .brand-logo img{width:40px;height:40px}
body[data-navigation] #header .nav-cta{display:block;margin-left:auto}
body[data-navigation] :is(#header,#mobile-drawer) .btn-neon{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-height:44px;padding:18px 40px;border:0;border-radius:50px;background:linear-gradient(45deg,var(--neon-purple),var(--neon-blue));box-shadow:0 0 25px var(--neon-glow);color:#fff;font-family:var(--font-head);font-size:1.1rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
body[data-navigation] :is(#header,#mobile-drawer) .btn-neon:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 40px var(--neon-glow)}
body[data-navigation] #header .btn-neon-sm{min-height:44px;padding:8px 18px;border-radius:30px;font-size:.75rem;letter-spacing:1px;box-shadow:0 0 15px var(--neon-glow);white-space:nowrap}
body[data-navigation] #header .btn-neon-sm i{font-size:.7rem}
body[data-navigation] #header .hamburger{display:flex;flex-direction:column;justify-content:space-between;width:44px;min-width:44px;height:44px;padding:12px 8px;flex-shrink:0;border:0;background:none;cursor:pointer;position:relative;z-index:1100}
body[data-navigation] #header .hamburger span{display:block;width:100%;height:2.5px;border-radius:3px;background:var(--neon-blue);box-shadow:0 0 8px var(--neon-blue);transform-origin:center;transition:transform .35s,opacity .35s}
body[data-navigation] #header .hamburger.open span:nth-child(1){transform:translateY(8.75px) rotate(45deg)}
body[data-navigation] #header .hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
body[data-navigation] #header .hamburger.open span:nth-child(3){transform:translateY(-8.75px) rotate(-45deg)}
body[data-navigation] #mobile-drawer{display:flex;position:fixed;inset:0;z-index:1050;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:100px 20px 28px;background:rgba(2,6,23,.98);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);overflow-y:auto;overscroll-behavior:contain;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s}
body[data-navigation] #mobile-drawer.open{opacity:1;visibility:visible;pointer-events:auto}
body[data-navigation] #mobile-drawer a{display:flex;align-items:center;justify-content:center;min-height:44px;flex-shrink:0;padding:4px 8px;font-family:var(--font-head);font-size:1.3rem;font-weight:800;color:#fff;letter-spacing:3px;text-transform:uppercase;text-align:center;transition:color .3s,text-shadow .3s}
body[data-navigation] #mobile-drawer a:hover,body[data-navigation] #mobile-drawer a[aria-current="page"]{color:var(--neon-blue);text-shadow:0 0 20px var(--neon-blue)}
body[data-navigation] #mobile-drawer .opening-inline-1{font-size:.9rem;color:var(--text-muted)}
body[data-navigation] #mobile-drawer .btn-gold{width:min(100%,360px);min-height:48px;margin-top:10px;padding:14px 20px;font-size:.95rem;line-height:1.35;letter-spacing:1px;background:linear-gradient(45deg,#ffd700,#ff8c00);box-shadow:0 0 25px rgba(255,215,0,.4);color:#000}
body[data-navigation]:not([data-original-opening]) .inner-page{padding-top:84px}
body[data-navigation] .skip-link{z-index:1200}
body[data-navigation] :is(#header,#mobile-drawer) :is(a,button):focus-visible{outline:3px solid var(--neon-blue);outline-offset:5px}
@media(max-width:480px){body[data-navigation] #header .nav-inner{gap:8px}body[data-navigation] #header .brand-logo{gap:8px;font-size:17px!important}body[data-navigation] #header .btn-neon-sm{gap:7px;padding:8px 10px;font-size:.65rem;letter-spacing:.5px}}
@media(max-height:700px){body[data-navigation] #mobile-drawer{justify-content:flex-start;gap:12px}}
@media(prefers-reduced-motion:reduce){body[data-navigation] :is(#header,#mobile-drawer) *{transition:none!important}body[data-navigation] :is(#header,#mobile-drawer){transition:none!important}}
@media print{body[data-navigation] :is(#header,#mobile-drawer){display:none}body[data-navigation]:not([data-original-opening]) .inner-page{padding-top:0}}