/* v89: Frosted glass navigation bar. Header only. Keep approved homepage sections unchanged. */

.site-header{
  position:sticky!important;
  top:0!important;
  z-index:9999!important;
  min-height:72px!important;
  padding:0 5.4vw!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:28px!important;
  background:rgba(248,250,252,.74)!important;
  -webkit-backdrop-filter:blur(18px) saturate(165%)!important;
  backdrop-filter:blur(18px) saturate(165%)!important;
  border-bottom:1px solid rgba(15,35,55,.10)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.55) inset!important;
  transition:background .28s ease, box-shadow .28s ease, border-color .28s ease, transform .28s ease!important;
}

body.site-nav-scrolled .site-header{
  background:rgba(255,255,255,.88)!important;
  border-bottom-color:rgba(15,35,55,.14)!important;
  box-shadow:
    0 14px 34px rgba(15,28,42,.14),
    0 1px 0 rgba(255,255,255,.74) inset!important;
}

.site-header .brand,
.site-header .brand:visited{
  color:#162334!important;
  font-weight:950!important;
  letter-spacing:.04em!important;
  text-decoration:none!important;
  text-shadow:0 1px 0 rgba(255,255,255,.75)!important;
}

.site-header .brand::first-letter{
  color:#3d6dff!important;
}

.top-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(18px,2.1vw,34px)!important;
}

.top-nav a,
.top-nav a:visited{
  position:relative!important;
  color:#223044!important;
  font-weight:850!important;
  letter-spacing:.025em!important;
  text-decoration:none!important;
  text-shadow:0 1px 0 rgba(255,255,255,.72)!important;
  transition:color .22s ease, transform .22s ease!important;
}

.top-nav a::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  right:50%!important;
  bottom:-9px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg, rgba(74,107,255,.82), rgba(42,190,175,.82))!important;
  box-shadow:0 0 12px rgba(42,190,175,.18)!important;
  transition:left .22s ease, right .22s ease, opacity .22s ease!important;
  opacity:0!important;
}

.top-nav a:hover{
  color:#0f1b2c!important;
  transform:translateY(-1px)!important;
}

.top-nav a:hover::after{
  left:8%!important;
  right:8%!important;
  opacity:1!important;
}

.nav-toggle{
  color:#1f2f45!important;
  background:rgba(255,255,255,.62)!important;
  border:1px solid rgba(15,35,55,.10)!important;
  border-radius:12px!important;
  box-shadow:0 8px 20px rgba(15,28,42,.08)!important;
}

@media (max-width: 980px){
  .site-header{
    min-height:66px!important;
    padding:0 18px!important;
  }
  .top-nav{
    background:rgba(255,255,255,.92)!important;
    -webkit-backdrop-filter:blur(18px) saturate(160%)!important;
    backdrop-filter:blur(18px) saturate(160%)!important;
    border:1px solid rgba(15,35,55,.12)!important;
    box-shadow:0 18px 42px rgba(15,28,42,.16)!important;
  }
  .top-nav a{color:#223044!important;}
}