:root{--headerH:96px}
.siteHeader{
  position:sticky; top:0; z-index:50; height:var(--headerH);
  background:linear-gradient(90deg,rgba(20,92,150,.98),rgba(25,183,199,.98));
  color:#fff; box-shadow:0 10px 26px rgba(0,0,0,.12); backdrop-filter:blur(10px);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
}
.siteHeader *{box-sizing:border-box}
.siteHeader .container{max-width:1180px;margin:0 auto;padding:0 18px}
.siteHeader .headerInner{height:var(--headerH);display:flex;align-items:center;justify-content:space-between;gap:14px}
.siteHeader .brandLink{display:flex;align-items:center;gap:14px;flex:0 0 auto;text-decoration:none;color:#fff;border-radius:14px;padding:6px 8px;margin-left:-8px}
.siteHeader .brandLink:hover{background:rgba(255,255,255,.10)}
.siteHeader .brandLink:focus-visible{outline:3px solid rgba(255,255,255,.55);outline-offset:2px}
.siteHeader .brandLogo{height:88px;width:auto;max-width:640px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0,0,0,.22));flex:0 0 auto}
.siteHeader .brandText{display:flex;flex-direction:column;line-height:1.05;white-space:nowrap;flex:0 0 auto}
.siteHeader .brandTitle{font-weight:800;letter-spacing:.02em;font-size:26px;text-transform:uppercase;color:rgba(255,255,255,.92);text-shadow:0 10px 18px rgba(0,0,0,.12)}
.siteHeader .brandSub{margin-top:6px;font-weight:700;font-size:15px;text-transform:uppercase;color:rgba(255,255,255,.84);text-shadow:0 10px 18px rgba(0,0,0,.10)}
.siteHeader nav{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex:0 0 auto;max-width:520px}
.siteHeader nav a{color:rgba(255,255,255,.94);text-decoration:none;font-weight:800;font-size:13px;padding:10px;border-radius:999px;white-space:nowrap;line-height:1}
.siteHeader nav a:hover{background:rgba(255,255,255,.14)}
.siteHeader nav a.active,.siteHeader nav a[aria-current="page"]{background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.22)}
.siteHeader .burger{display:none;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.10);color:#fff;border-radius:12px;padding:10px 12px;font-weight:900;cursor:pointer;flex:0 0 auto}
.siteHeader .mobileNav{display:none;padding:10px 0 14px;border-top:1px solid rgba(255,255,255,.18)}
.siteHeader .mobileNav a{display:block;padding:12px 10px;border-radius:12px;text-decoration:none;font-weight:900;color:rgba(255,255,255,.92)}
.siteHeader .mobileNav a:hover{background:rgba(255,255,255,.12)}
.siteHeader .mobileNav.open{display:block}
@media(max-width:1180px){.siteHeader .brandLogo{height:84px}.siteHeader nav{max-width:480px}}
@media(max-width:1100px){.siteHeader .brandLogo{height:80px;max-width:560px}.siteHeader .brandTitle{font-size:24px}.siteHeader .brandSub{font-size:14px}}
@media(max-width:980px){.siteHeader nav{display:none}.siteHeader .burger{display:inline-flex}}
@media(max-width:520px){.siteHeader .brandLogo{height:64px;max-width:340px}.siteHeader .brandTitle{font-size:18px}.siteHeader .brandSub{font-size:12px}}
@media(max-width:420px){
  .siteHeader .container{padding:0 10px}
  .siteHeader .headerInner{gap:8px}
  .siteHeader .brandLink{min-width:0;gap:8px;padding:4px;margin-left:0}
  .siteHeader .brandLogo{height:48px;max-width:120px}
  .siteHeader .brandText{min-width:0}
  .siteHeader .brandTitle{font-size:16px}
  .siteHeader .brandSub{margin-top:4px;font-size:10px}
  .siteHeader .burger{padding:8px 9px;font-size:12px}
}