.nav .login{display:inline-flex;align-items:center;justify-content:center}.footer-bottom{border-top:1px solid #193347;display:flex;justify-content:space-between;gap:15px;padding-block:16px;font-size:11px}.footer-market{display:inline-flex!important;gap:7px;color:#34baff!important}.footer-market svg{width:14px;height:14px}.footer-status{color:#87a2bb!important;font-size:11px!important}.nav nav{margin-left:auto}.nav-actions{padding-left:20px}.nav nav>a{white-space:nowrap}.nav nav>a[aria-current]:after{width:100%}.nav .brand,.nav .brand-image{flex-shrink:0}.footer-grid>div>a{display:block;font-size:12px;line-height:24px;color:#a7b7c8}.footer-brand>a:first-child{width:fit-content}.footer-brand .footer-market{display:flex;align-items:center}.footer-grid>div:last-child>a{font-size:12px}
@media(min-width:901px){.nav nav{gap:19px}.nav nav>a{font-size:11px}.nav-actions{gap:10px;padding-left:24px}.nav .brand,.nav .brand-image{width:163px}.nav .login{width:80px}.nav .signup{width:78px}}
@media(min-width:901px) and (max-width:1199px){.nav nav{gap:15px;margin-left:auto}.nav nav>a{font-size:10px}.nav .brand,.nav .brand-image{width:144px}.nav-actions{padding-left:16px;gap:8px}.nav .login{width:65px;font-size:11px}.nav .signup{width:66px;font-size:11px}.nav .theme-toggle{display:none}}
@media(min-width:601px) and (max-width:900px){.nav nav{gap:26px}.nav nav>a{font-size:11px}.nav-actions .login{height:36px;width:80px}.nav-actions .signup{height:36px;width:76px}}
@media(max-width:600px){.nav-actions .login{display:none}.nav nav{gap:4px}.footer-bottom{font-size:10px;flex-wrap:wrap}.footer-grid>div>a{min-height:44px;display:flex;align-items:center}.nav .signup{width:72px;height:44px}.nav-actions{padding-left:0}.nav nav>.mobile-nav-extra{display:flex}.nav .brand,.nav .brand-image{width:158px}.footer-grid{column-gap:14px}.footer-grid>div:last-child>a{min-height:44px}}
@media(max-width:360px){.nav .brand,.nav .brand-image{width:137px}.nav .signup{width:61px;font-size:10px}.nav-actions{gap:6px}}

/* Shared navigation: readable labels, a quiet frame and a clear current page. */
#header{height:80px;position:relative;z-index:40;background:linear-gradient(110deg,#00101c,#041725);border-bottom:1px solid #38617b33}
#header .nav{height:100%;gap:22px;justify-content:space-between}
#header .brand,#header .brand-image{width:170px;flex-shrink:0}
#primary-navigation{position:static;display:flex;align-items:center;justify-content:center;gap:3px;margin:0 auto;padding:5px;height:48px;border:1px solid #26475d70;border-radius:14px;background:linear-gradient(180deg,#13304755,#071d2e55);box-shadow:inset 0 1px 0 #b9e7ff07;overflow:visible}
#primary-navigation>a{height:36px;padding:0 11px;border:1px solid transparent;border-radius:9px;font-size:12px;font-weight:600;line-height:1.2;color:#afc3d3;white-space:nowrap;transition:color .18s,background .18s,border-color .18s,box-shadow .18s}
#primary-navigation>a:after{display:none}
#primary-navigation>a:hover{color:#fff;background:#20415b66;border-color:#456a832e}
#primary-navigation>a[aria-current="page"]{color:#effbff;background:linear-gradient(135deg,#087bba55,#08446c55);border-color:#32baff60;box-shadow:inset 0 1px 0 #8ddaff1a,0 2px 12px #008cff0d}
#primary-navigation>a:focus-visible,#header .nav-actions>a:focus-visible,#header button:focus-visible{outline:2px solid #5dd3ff;outline-offset:4px}
#primary-navigation .nav-link-icon,#primary-navigation>.mobile-nav-extra{display:none}
#header .nav-actions{margin-left:0;padding-left:0;gap:10px;flex-shrink:0}
#header .login,#header .signup{height:42px;width:auto;padding-inline:18px;font-size:12px;border-radius:11px;white-space:nowrap}
#header .login{border-color:#48677c;background:#0a20324d;transition:background .18s,border-color .18s}
#header .login:hover{background:#153a54;border-color:#83c4e6}
#header .signup{box-shadow:inset 0 1px 0 #c5f5ff33,0 4px 15px #008fff26}
#header .theme-toggle{display:grid;place-items:center;width:36px;height:40px;padding:8px;border-radius:10px}
#header .theme-toggle:hover{background:#17374d66}
@media(min-width:1101px) and (max-width:1279px){
  #header .nav{gap:14px}
  #header .brand,#header .brand-image{width:150px}
  #primary-navigation>a{padding-inline:8px;font-size:11.5px}
  #header .login,#header .signup{padding-inline:14px}
  #header .nav-actions{gap:7px}
  #header .theme-toggle{display:none}
}
@media(max-width:1100px){
  #header{height:72px}
  #header .nav{gap:12px;position:relative}
  #header .brand,#header .brand-image{width:170px}
  #header .nav-actions{margin-left:auto;gap:10px}
  #header .mobile-menu-toggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:10px;background:#102b40;border:1px solid #345c77;border-radius:11px;color:#cceeff}
  #header .mobile-menu-toggle>span{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}
  #header .mobile-menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(7px) rotate(45deg)}
  #header .mobile-menu-toggle[aria-expanded=true]>span:nth-child(2){opacity:0}
  #header .mobile-menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-7px) rotate(-45deg)}
  #primary-navigation{display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;height:auto;padding:10px;margin:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;justify-content:stretch;background:linear-gradient(145deg,#102d43,#061b2d);border:1px solid #3f728c77;border-radius:16px;box-shadow:0 18px 40px #0008;white-space:normal;max-height:calc(100dvh - 100px);overflow:auto}
  #header .mobile-menu-open #primary-navigation{display:grid}
  #primary-navigation>a,#primary-navigation>.mobile-nav-extra{display:flex;align-items:center;gap:10px;height:56px;min-height:48px;padding:9px 11px;font-size:13px;white-space:normal;background:#1b3c532b;border-radius:10px}
  #primary-navigation .nav-link-icon{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:8px;color:#62cfff;background:#1a7ab021}
  #primary-navigation .nav-link-icon svg{width:18px;height:18px}
  #primary-navigation>a[aria-current="page"] .nav-link-icon{color:#a1e9ff;background:#068ed633}
}
@media(max-width:600px){
  #header{height:68px}
  #header .brand,#header .brand-image{width:158px}
  #header .nav-actions{gap:8px}
  #header .nav-actions .login,#header .theme-toggle{display:none}
  #header .signup{height:44px;padding-inline:14px;min-width:0;font-size:12px}
  #primary-navigation>a{padding:8px;font-size:12px;gap:8px}
}
@media(max-width:360px){
  #header .nav{gap:8px}
  #header .brand,#header .brand-image{width:137px}
  #header .signup{padding-inline:11px;font-size:11px}
  #header .nav-actions{gap:6px}
  #primary-navigation>a{font-size:11.5px;gap:6px}
  #primary-navigation .nav-link-icon{width:26px;height:28px}
}
@media(prefers-reduced-motion:reduce){#primary-navigation>a,#header .login,#header .mobile-menu-toggle>span{transition:none}}