.site-header{position:fixed;inset:0 0 auto 0;z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid var(--border-soft);transition:background .35s var(--ease),box-shadow .35s var(--ease),border-color .35s var(--ease)}
.site-header.scrolled{background:var(--glass-bg-scrolled);box-shadow:var(--shadow-md);border-bottom-color:var(--border)}
.nav{min-height:var(--nav-h);display:flex;align-items:center;gap:20px}
.brand{font-weight:800;font-size:21px;color:var(--text)}
.brand span{color:var(--accent-500)}
.nav-links{display:flex;gap:6px;margin-inline-start:12px}
.nav-links a{padding:8px 14px;border-radius:999px;color:var(--muted);font-weight:700;font-size:15px;text-decoration:none;transition:color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease);will-change:transform}
.nav-links a:hover{color:var(--text);background:var(--surface-2)}
.nav-links a.active{color:#0a0a0a;background:var(--accent-500)}
.nav-actions{margin-inline-start:auto;display:flex;align-items:center;gap:12px}
.nav-toggle{display:none;padding:9px 16px;border:1px solid var(--border);border-radius:999px;font-weight:700;font-size:14px;color:var(--text);background:var(--surface)}
@media(max-width:760px){
.nav{min-height:56px}
.brand{font-size:15px;font-weight:800}
.nav-toggle{display:block}
.nav-links{position:fixed;inset:var(--nav-h) 12px auto 12px;flex-direction:column;background:#1a1a1a;border:1px solid var(--border);border-radius:20px;padding:12px;gap:4px;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-12px) scale(.98);pointer-events:none;transition:opacity .3s var(--ease),transform .3s var(--ease)}
.nav-links.open{opacity:1;transform:none;pointer-events:auto}
.nav-links a{padding:12px 16px;font-size:14.5px}
}