.header{position:sticky;top:0;z-index:30;background:#fff;border-bottom:1px solid #d4e3ef;box-shadow:0 3px 18px #143c6008}
.header .nav{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;padding-block:8px;min-height:88px}
.header .brand-signature{flex:0 1 310px;min-width:0}
.header .header-connect{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:18px;min-height:50px;padding:13px 27px;border:1px solid #15558e;border-radius:999px;background:linear-gradient(120deg,#186daf,#144d88);box-shadow:0 5px 17px #165e9c33;color:#fff;font:700 15px/1.3 Arial,sans-serif;text-decoration:none;white-space:nowrap;transition:background .18s,box-shadow .18s}
.header .header-connect:hover{background:#124575;color:#fff;box-shadow:0 7px 22px #165e9c44}
.header .header-connect:focus-visible{outline:3px solid #d2a256;outline-offset:4px}
@media(max-width:820px){.header .nav{gap:10px;min-height:74px;padding-block:8px}.header .brand-signature{flex:1 1 210px;width:auto;max-width:240px}.header .header-connect{font-size:13px;gap:8px;min-height:46px;padding:11px 17px}}
@media(max-width:380px){.header .nav{gap:8px}.header .header-connect{font-size:12px;padding-inline:12px;gap:5px}.header .brand-signature{max-width:185px}}
@media(prefers-reduced-motion:reduce){.header .header-connect{transition:none}}