.site-header { position:sticky; top:0; z-index:1000; min-height:37px; background:rgba(2,8,17,.97); border-bottom:1px solid rgba(86,136,184,.3); backdrop-filter:blur(12px); }
.site-header > .container { min-height:37px; display:grid; grid-template-columns:220px minmax(0,1fr) 275px; align-items:center; gap:20px; }
.site-header .logo { display:inline-flex; align-items:center; gap:5px; width:max-content; line-height:1; }
.site-header .logo::before { content:"◇"; color:#17b8ff; font-size:21px; text-shadow:0 0 14px rgba(23,184,255,.4); }
.site-header .logo-main,.site-header .logo-ai { font-size:21px; font-weight:800; }
.site-header .logo-main { color:#e8edf5; }
.site-header .logo-ai { color:#17b8ff; }
.site-header .main-nav { display:flex; align-self:stretch; align-items:center; justify-content:center; gap:28px; min-width:0; }
.site-header .main-nav a { position:relative; display:flex; align-items:center; height:100%; color:#d5dbe5; font-size:12px; white-space:nowrap; }
.site-header .main-nav a::after { content:""; position:absolute; left:50%; bottom:0; width:0; height:2px; transform:translateX(-50%); background:#00c8ff; transition:width .18s ease; }
.site-header .main-nav a:hover::after,.site-header .main-nav a:focus-visible::after,.site-header .main-nav a.is-active::after { width:100%; }
.site-header .main-nav a.is-active { color:#fff; }
.site-header .header-actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; }
.site-header .header-menu { display:contents; }
.site-header .header-menu-toggle { display:none; }
.site-header .btn-search,.site-header .profile-button { height:27px; border:1px solid rgba(83,129,169,.5); border-radius:7px; font-size:11px; }
.site-header .btn-search { width:154px; display:flex; align-items:center; gap:7px; padding:0 10px; text-align:left; color:#8695a8; background:#050d18; }
.site-header .header-search-icon { position:relative; width:11px; height:11px; flex:0 0 11px; display:block; border:1.5px solid currentColor; border-radius:50%; }
.site-header .header-search-icon::after { content:""; position:absolute; right:-4px; bottom:-2px; width:5px; height:1.5px; border-radius:2px; background:currentColor; transform:rotate(45deg); transform-origin:left center; }
.site-header .profile-button { min-width:96px; display:inline-flex; align-items:center; justify-content:center; padding:0 13px; color:#eaf5ff; border-color:rgba(0,185,255,.7); }
@media (max-width:980px) {
    .site-header { min-height:52px; }
    .site-header > .container { position:relative; min-height:52px; grid-template-columns:1fr auto; gap:10px; }
    .site-header .logo-main,.site-header .logo-ai { font-size:19px; }
    .site-header .header-menu-toggle { width:44px; height:44px; display:grid; place-content:center; gap:4px; border:1px solid rgba(83,129,169,.55); border-radius:7px; color:#dce8f2; }
    .site-header .header-menu-toggle span { width:19px; height:2px; display:block; border-radius:2px; background:currentColor; transition:transform .18s ease,opacity .18s ease; }
    .site-header.is-menu-open .header-menu-toggle span:nth-child(1) { transform:translateY(6px) rotate(45deg); }
    .site-header.is-menu-open .header-menu-toggle span:nth-child(2) { opacity:0; }
    .site-header.is-menu-open .header-menu-toggle span:nth-child(3) { transform:translateY(-6px) rotate(-45deg); }
    .site-header .header-menu { position:absolute; z-index:10; top:100%; right:0; left:0; display:none; padding:10px; border:1px solid rgba(86,136,184,.38); border-top:0; border-radius:0 0 10px 10px; background:#050d18f7; box-shadow:0 18px 34px #0009; }
    .site-header.is-menu-open .header-menu { display:block; }
    .site-header .main-nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px; }
    .site-header .main-nav a { min-height:44px; justify-content:flex-start; padding:0 12px; border-radius:6px; font-size:13px; }
    .site-header .main-nav a:hover,.site-header .main-nav a:focus-visible,.site-header .main-nav a.is-active { background:#112235; }
    .site-header .main-nav a::after { right:10px; bottom:7px; left:10px; width:auto; height:1px; transform:none; opacity:0; }
    .site-header .main-nav a:hover::after,.site-header .main-nav a:focus-visible::after,.site-header .main-nav a.is-active::after { width:auto; opacity:1; }
    .site-header .header-actions { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; margin-top:8px; padding-top:8px; border-top:1px solid #ffffff12; }
    .site-header .btn-search,.site-header .profile-button { width:100%; min-width:0; height:44px; font-size:13px; }
}