.site-header{position:sticky;top:0;z-index:1000;background:rgba(7,12,21,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.09)}.header-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:62px;height:62px;border-radius:10px;object-fit:contain;object-position:center;padding:2px;border:1px solid rgba(19,197,248,.34);background:#080d16;box-shadow:0 4px 18px rgba(0,0,0,.17)}.brand-wordmark{display:grid;gap:2px;line-height:1.1}.brand-wordmark strong{font-family:var(--font-display);font-size:.95rem;letter-spacing:.08em}.brand-wordmark small{font-size:.59rem;color:#7f91a8;letter-spacing:.16em}.primary-nav{display:flex;align-items:center;gap:clamp(12px,1.7vw,26px)}.primary-nav>a{font-size:.78rem;color:#b6c3d3;font-weight:700;transition:color .2s}.primary-nav>a:hover,.primary-nav>a.is-active{color:#fff}.primary-nav>a.is-active:not(.nav-support){position:relative}.primary-nav>a.is-active:not(.nav-support):after{content:"";height:2px;position:absolute;left:0;right:0;bottom:-9px;background:var(--cyan)}.primary-nav .nav-support{display:inline-flex;align-items:center;gap:6px;background:var(--cyan);color:#061322;border-radius:999px;padding:10px 14px}.nav-support .icon{width:15px;height:15px}.mobile-menu-toggle{display:none;border:1px solid rgba(255,255,255,.15);background:#101b2a;border-radius:12px;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}.mobile-nav-panel{display:none}