:root{color-scheme:dark}
html{background:#07101f}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
header,.top{position:sticky;top:0;z-index:100;background:rgba(8,17,32,.91);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(148,163,184,.13),0 12px 34px rgba(0,0,0,.16)}
header .wrap,.top{min-height:72px}
header .brand,.top .brand,.brandLink{display:inline-flex;align-items:center;gap:10px;color:#f4f8ff;text-decoration:none;font-weight:900;letter-spacing:-.01em;white-space:nowrap}
header .brand::before,.top .brand::before{content:"";display:block;width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:#fff url('/assets/aura-icon.webp') center/cover no-repeat;box-shadow:0 0 0 1px rgba(255,255,255,.10)}
.top .brand img{display:none}
header .brand span{color:#9fdcff}
header .nav,.top .nav{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap}
header .nav a,.top .nav a{display:inline-flex;align-items:center;min-height:36px;padding:8px 11px;border:1px solid rgba(148,163,184,.17);border-radius:999px;background:rgba(255,255,255,.025);color:#b9c7dc;text-decoration:none;font-size:12.5px;font-weight:700;letter-spacing:.01em;transition:border-color .18s ease,color .18s ease,background .18s ease}
header .nav a:hover,.top .nav a:hover{color:#f4f8ff;border-color:rgba(125,211,252,.43);background:rgba(125,211,252,.075);text-decoration:none}
header .nav a[href="/pilot/"],.top .nav a[href="/pilot/"]{color:#dff5ff;border-color:rgba(125,211,252,.42);background:rgba(125,211,252,.08)}
:focus-visible{outline:3px solid rgba(125,211,252,.72);outline-offset:3px}
@media(max-width:820px){
  header,.top{position:relative}
  header .wrap,.top{align-items:flex-start!important;flex-direction:column!important;gap:10px!important;padding-top:13px!important;padding-bottom:13px!important}
  header .nav,.top .nav{display:flex!important;width:100%;max-width:100%;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto;padding-bottom:3px;scrollbar-width:thin;overscroll-behavior-x:contain}
  header .nav a,.top .nav a{white-space:nowrap;flex:0 0 auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{transition:none!important;animation:none!important}}