:root{--nav-cyan:#27ddeb}
.site-header{height:74px;position:sticky;top:0;z-index:20;background:rgba(2,9,23,.94);border-bottom:1px solid #16314c;backdrop-filter:blur(14px)}
.site-header .nav-shell{height:100%;width:min(1510px,calc(100% - 52px));margin:auto;display:flex;align-items:center;gap:42px}
.site-header .site-brand{color:#80edff;font-size:25px;font-weight:900;font-style:italic;white-space:nowrap}
.site-header .main-nav{margin:auto;display:flex;align-items:stretch;height:100%;gap:42px}
.site-header .main-nav a{display:flex;align-items:center;position:relative;color:#c7d2e1;font-size:16px}
.site-header .main-nav a:hover,.site-header .main-nav a.active{color:#fff}
.site-header .main-nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--nav-cyan)}
.site-header .nav-actions{display:flex;gap:14px}
.site-header .btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 24px;border-radius:8px;font-weight:700}
.site-header .btn.ghost{border:1px solid #17668f;color:#d7f4ff;background:#07162a}
.site-header .btn.primary{border:1px solid #198bc6;color:#fff;background:#0a72ca}
.site-header .menu-toggle{display:none;border:1px solid #1a5b86;color:#bfefff;background:#07162a;border-radius:7px;padding:7px 12px}
@media(max-width:1150px){.site-header .main-nav{gap:22px}.site-header .nav-actions{display:none}}
@media(max-width:820px){.site-header{height:64px}.site-header .nav-shell{width:min(100% - 28px,1510px);gap:14px}.site-header .site-brand{font-size:21px}.site-header .menu-toggle{display:block;margin-left:auto}.site-header .main-nav{display:none;position:absolute;top:64px;left:0;right:0;height:auto;background:#041020;border-bottom:1px solid #20415e;padding:12px 20px;flex-direction:column;gap:0}.site-header .main-nav.open{display:flex}.site-header .main-nav a{padding:11px}.site-header .main-nav a.active::after{display:none}}