:root{--nav-h:64px;--nav-bg:#0c101e6b;--nav-border:#ffffff24;--nav-hover:#ffffff14;--nav-text:#eaf2ff;--nav-dim:#9fb1d6;--nav-accent:#4cf;--nav-accent-2:#60ffa8}.nav{z-index:1000;height:var(--nav-h);-webkit-backdrop-filter:blur(10px)saturate(120%);border-bottom:1px solid var(--nav-border);background:linear-gradient(#0a0c148c,#0a0c144d);place-items:center;transition:transform .23s,background .25s,box-shadow .25s;display:grid;position:sticky;top:0}.nav.nav--hide{transform:translateY(calc(-1 * var(--nav-h)))}.nav.nav--scrolled{background:linear-gradient(#0a0c14bf,#0a0c1466);box-shadow:0 10px 30px #00000059}.nav:after{content:"";background:linear-gradient(90deg, transparent, var(--nav-accent), var(--nav-accent-2), transparent);opacity:.6;pointer-events:none;height:1px;position:absolute;inset:0 0 auto}.nav__inner{justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1200px;padding:0 clamp(16px,4vw,28px);display:flex}.brand{letter-spacing:.5px;color:var(--nav-text);border-radius:10px;padding:8px 10px;font-size:20px;font-weight:800;text-decoration:none}.brand:hover{background:var(--nav-hover)}.links{align-items:center;gap:18px;margin:0;padding:0;list-style:none;display:flex}.links a{color:var(--nav-dim);letter-spacing:.2px;border-radius:10px;padding:10px 12px;font-weight:600;text-decoration:none;transition:color .15s,background .2s;display:inline-block;position:relative}.links a:hover{background:var(--nav-hover);color:var(--nav-text)}.links a.is-active{color:var(--nav-text)}.links a.is-active:after{content:"";background:linear-gradient(90deg, var(--nav-accent), var(--nav-accent-2));border-radius:2px;height:2px;position:absolute;bottom:6px;left:12px;right:12px}.nav__btn .button{border:1px solid var(--nav-border);color:var(--nav-text);-webkit-backdrop-filter:blur(8px)saturate(120%);background:linear-gradient(#ffffff0f,#ffffff08);border-radius:12px;padding:10px 14px;font-weight:700;text-decoration:none;display:inline-block;box-shadow:0 10px 28px #00000040}.nav__btn .button:hover{border-color:#ffffff3d;box-shadow:0 12px 32px #44ccff38}.burger{border:1px solid var(--nav-border);color:var(--nav-text);background:0 0;border-radius:10px;padding:8px 10px;line-height:1;display:none}.burger:focus-visible{outline-offset:2px;outline:2px solid #7ee3ff}@media (width<=900px){.burger{display:block}.links{top:var(--nav-h);background:var(--nav-bg);-webkit-backdrop-filter:blur(10px)saturate(120%);border-bottom:1px solid var(--nav-border);transform-origin:top;opacity:0;pointer-events:none;gap:6px;padding:12px;transition:transform .18s,opacity .18s;display:grid;position:fixed;left:0;right:0;transform:translateY(-8px)scaleY(.98)}.nav.is-open .links{opacity:1;pointer-events:auto;transform:translateY(0)scaleY(1)}.nav__btn{order:99}}.nav__scrim{inset:var(--nav-h) 0 0 0;-webkit-backdrop-filter:blur(2px);z-index:999;opacity:0;pointer-events:none;background:#00000059;transition:opacity .18s;position:fixed}.nav.is-open+.nav__scrim{opacity:1;pointer-events:auto}.no-scroll{overflow:hidden}