/* ---- Header ---- */
.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(26,64,170,.12);box-shadow:0 8px 30px rgba(31,65,142,.06)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:-.04em;font-size:24px;color:#2039a8}
.site-logo{height:40px;width:auto;display:block}
.links{display:flex;gap:26px;font-size:14px;color:#30405e}
.links a:hover{color:#17349d}
.actions{display:flex;gap:10px}
.menu{display:none;background:none;border:0;color:#1d3da5;font-size:24px;cursor:pointer}

/* ---- Mobile nav open state ---- */
@media(max-width:980px){
  .links.open{display:flex;position:absolute;top:76px;left:18px;right:18px;flex-direction:column;gap:0;padding:14px 20px;background:#fff;border:1px solid #dce5f4;border-radius:18px;box-shadow:0 22px 55px rgba(25,63,150,.16);z-index:30}
  .links.open a{padding:13px 0;border-bottom:1px solid #edf1f8}
}