.site-header{top:18px;width:min(980px,calc(100% - 32px));height:62px;border-radius:999px;padding:0 14px 0 16px;transition:width .28s ease,height .28s ease,top .28s ease,background .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease}.site-header:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.42),rgba(6,182,212,.36),transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .28s ease;pointer-events:none}.site-header.nav-scrolled{top:12px;width:min(900px,calc(100% - 28px));height:56px;background:rgba(10,10,14,.72);border-color:rgba(255,255,255,.12);box-shadow:0 16px 50px rgba(0,0,0,.38)}.site-header.nav-scrolled:before{opacity:1}.site-header.nav-hidden{transform:translate(-50%,-125%)}.site-header .nav{gap:6px;padding:4px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:999px}.site-header .nav a{position:relative;padding:9px 13px;border-radius:999px;color:#8d95a3;transition:color .22s ease,background .22s ease,box-shadow .22s ease}.site-header .nav a:hover,.site-header .nav a.active{color:#fff;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05),0 0 22px rgba(139,92,246,.08)}.site-header .brand{min-width:max-content}.site-header .brand-word{font-size:12px}.site-header .status-pill{transition:opacity .2s ease,width .2s ease}.site-header.nav-scrolled .status-pill{opacity:.72}.menu-toggle{display:none;width:38px;height:38px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);border-radius:50%;padding:0;position:relative;cursor:pointer}.menu-toggle i{position:absolute;left:11px;width:14px;height:1px;background:#fff;transition:transform .25s ease,top .25s ease}.menu-toggle i:first-child{top:15px}.menu-toggle i:last-child{top:21px}.menu-toggle.open i:first-child{top:18px;transform:rotate(45deg)}.menu-toggle.open i:last-child{top:18px;transform:rotate(-45deg)}.mobile-nav{display:none}
@media(max-width:760px){.site-header{width:calc(100% - 24px);top:12px;height:58px;padding:0 10px 0 14px;border-radius:20px}.site-header.nav-scrolled{top:8px;width:calc(100% - 16px);height:54px;border-radius:18px}.site-header .nav,.site-header .status-pill{display:none}.menu-toggle{display:block}.header-tools{gap:8px}.theme-toggle{padding:7px}.mobile-nav{display:flex;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;padding:10px;border-radius:20px;border:1px solid rgba(255,255,255,.1);background:rgba(11,11,16,.92);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 24px 70px rgba(0,0,0,.48);opacity:0;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top;transition:opacity .22s ease,transform .22s ease}.mobile-nav.open{opacity:1;pointer-events:auto;transform:none}.mobile-nav a{display:flex;align-items:center;gap:16px;padding:14px 12px;border-radius:14px;font-family:"Space Grotesk",sans-serif;font-size:18px}.mobile-nav a:hover,.mobile-nav a.active{background:rgba(255,255,255,.055)}.mobile-nav a span{font-family:monospace;font-size:9px;color:var(--accent2);letter-spacing:.12em}.site-header.menu-open{border-radius:20px}.site-header.menu-open.nav-hidden{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.site-header,.mobile-nav,.menu-toggle i{transition:none}}