:root{--surface: rgba(10, 16, 26, .68);--surface-hover: rgba(154, 217, 255, .08);--grad-1: #4bd5ff;--grad-2: #8ca8ff;--ring: #9cecff;--maxw: 1200px;--blur: 18px;--glass: rgba(255,255,255,.05);--border: rgba(161, 202, 255, .12);--ink: rgba(247, 251, 255, .96);--muted: rgba(198, 213, 228, .8);--shadow: 0 24px 80px rgba(2, 10, 20, .38)}*{box-sizing:border-box}html,body{height:100%}body{position:relative;margin:0;color:var(--ink);font-family:Manrope,Segoe UI,sans-serif;background:#08111d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}main{position:relative;z-index:10;padding-top:86px}header{position:fixed;top:0;left:0;right:0;z-index:9999;background:#050c14b8;backdrop-filter:blur(18px);border-bottom:1px solid rgba(167,205,255,.08);box-shadow:0 18px 60px #02080f47}.header-inner{max-width:var(--maxw);margin:0 auto;padding:14px 22px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.logo-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-width:0}.logo-brand h2{margin:0;font-family:Sora,Manrope,sans-serif;font-size:1.02rem;font-weight:700;letter-spacing:.22em;color:#f6fafff2;white-space:nowrap;text-transform:uppercase}.nav-wrap{justify-self:center}.nav-links{display:inline-flex;align-items:center;gap:8px;padding:6px;border-radius:999px;background:#ffffff08;border:1px solid rgba(167,205,255,.1);box-shadow:inset 0 1px #ffffff08}.nav-links a,.nav-links button{position:relative;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:var(--ink);line-height:1;border-radius:999px;padding:10px 16px;font-weight:700;font-size:.94rem;background:transparent;border:0;cursor:pointer;letter-spacing:.01em;transition:transform .18s ease,box-shadow .25s ease,background-color .25s ease}.nav-links a:after,.nav-links button:after{content:"";position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--grad-1),var(--grad-2));transform:scaleX(0);transform-origin:center;transition:transform .25s ease;opacity:1;box-shadow:0 0 10px #4bd5ff61}.nav-links a.active{background:linear-gradient(180deg,#78c4ff24,#78c4ff14);box-shadow:0 0 0 1px #9fdaff2e inset,0 10px 24px #0b213a3d}.nav-links a:hover:not(.active){background:var(--surface-hover)}.nav-links a:hover:after,.nav-links a:focus-visible:after,.nav-links a:active:after,.nav-links button:hover:after,.nav-links button:focus-visible:after,.nav-links button:active:after{transform:scaleX(1)}.nav-links a:focus-visible,.nav-links button:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}.right-actions{justify-self:end;display:flex;gap:10px;align-items:center}.btn{appearance:none;border:0;border-radius:10px;padding:10px 14px;color:var(--ink);font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:.25s}.btn-ghost{background:#ffffff0a;border:1px solid rgba(167,205,255,.1)}.btn-ghost:hover{background:#ffffff12}.btn-grad{color:#04111d;background:linear-gradient(135deg,#ddf6ff,#7cecff);box-shadow:0 10px 28px #3b82f633}.btn-grad:hover{filter:saturate(1.06);transform:translateY(-1px)}.btn-small{padding:9px 12px;border-radius:9px}.mobile-toggle{display:none;justify-self:end;width:40px;height:40px;border-radius:10px;background:var(--glass);border:1px solid var(--border);color:var(--ink);align-items:center;justify-content:center;cursor:pointer}.mobile-toggle svg{width:22px;height:22px}.mobile-menu{position:fixed;inset:0;z-index:120;display:none;backdrop-filter:blur(22px);background:radial-gradient(1200px 800px at 50% -10%,rgba(83,170,255,.14),transparent 60%),#060c14b8}.mobile-sheet{position:absolute;inset:0;display:grid;place-items:center;padding:24px}.mobile-nav{display:grid;gap:14px;width:min(560px,92vw)}.mobile-link{display:block;text-decoration:none;color:#fff;text-align:center;font-weight:900;letter-spacing:-.01em;font-size:clamp(1.2rem,5vw,1.8rem);padding:14px 16px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(8px);transition:transform .18s ease,background-color .25s ease}.mobile-link:hover{background:#ffffff17;transform:translateY(-1px)}.mobile-link:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}@media(max-width:900px){.header-inner{max-width:100%;padding:10px 14px}}@media(max-width:768px){.header-inner{grid-template-columns:auto 1fr auto;align-items:center}.nav-wrap,.right-actions{display:none}.mobile-toggle{display:inline-flex}.logo-brand h2{font-size:.92rem;letter-spacing:.16em}main{padding-top:72px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}