.site-header{z-index:999;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex;position:fixed;top:0;left:0;right:0}.header-logo{pointer-events:all;border-radius:var(--r-md);flex-shrink:0;align-items:center;padding:4px;transition:opacity .2s;display:flex}.header-logo:hover{opacity:.65}.header-logo img{object-fit:contain;width:34px;height:34px;display:block}.header-nav{pointer-events:all;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.nav-btn{border-radius:var(--r-full);-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);color:#eeeef5b8;white-space:nowrap;background:#0c0c14b8;border:1px solid #ffffff17;align-items:center;gap:7px;padding:8px 14px;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .15s;display:inline-flex;box-shadow:0 2px 12px #0000004d}.nav-btn:hover{color:var(--text-primary);background:#ffffff1a;border-color:#ffffff29;transform:translateY(-1px)}.nav-btn.active{color:var(--text-primary);background:#ffffff14;border-color:#ffffff24}.nav-btn-accent{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 14px var(--accent-glow);background-position:0%;background-size:200%;border:none;font-weight:600;transition:background-position .4s,box-shadow .25s,transform .15s}.nav-btn-accent .nav-icon{opacity:1}.nav-btn-accent:hover{box-shadow:0 4px 22px var(--accent-glow);color:#fff;background-position:100%}.nav-icon{fill:currentColor;stroke:none;opacity:.9;flex-shrink:0;width:17px;height:17px}.nav-bar{z-index:999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0c0c14cc;border:1px solid #ffffff14;border-top:none;border-radius:0 0 18px 18px;padding:10px 20px;position:fixed;top:0;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0006}.nav-bar .header-logo img{width:28px;height:28px}@media (max-width:600px){.site-header{padding:14px 16px}.nav-label{display:none}.nav-btn{gap:0;padding:9px 11px}.nav-icon{width:20px;height:20px}.header-logo img{width:30px;height:30px}}