header.hd{position:sticky;top:0;z-index:40;flex:none;display:flex;align-items:center;gap:18px;box-sizing:border-box;height:84px;padding:8px clamp(14px,2vw,24px);background:#0E2A5C;color:#FFF9EF;border-bottom:4px solid #C9955C;font:400 15px/1.2 'Nunito Sans',system-ui,sans-serif}
header.hd *{box-sizing:border-box}
header.hd button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;margin:0}
header.hd svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.hd-logo{display:block;line-height:0;flex:none;border-radius:8px}
.hd-logo img{height:64px;width:auto;display:block}
.hd-nav{display:flex;gap:4px}
.hd-nav a{position:relative;text-decoration:none;font:700 15px 'Nunito Sans',system-ui,sans-serif;padding:8px 12px;border-radius:8px;color:#d6e0f2}
.hd-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.hd-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:3px;border-radius:2px;background:#FFD21F;transform:scaleX(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1)}
.hd-nav a:hover::after,.hd-nav a.on::after{transform:scaleX(1)}
.hd-nav a.on{color:#fff}
.hd-sp{flex:1}
.hd-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border:1px solid rgba(255,249,239,.3)!important;border-radius:50%}
.hd-icon:hover{background:rgba(255,255,255,.08)!important}
.hd-icon svg{width:20px;height:20px}
.hd-moon{display:none}
:root[data-theme=light] .hd-moon{display:block}
:root[data-theme=light] .hd-sun{display:none}
.hd-signin{font:700 15px 'Nunito Sans',system-ui,sans-serif;padding:8px 6px;border-radius:8px}
.hd-signin:hover{text-decoration:underline}
.hd-cta{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#FFD21F;color:#0E2A5C;font:800 15px 'Bricolage Grotesque',system-ui,sans-serif;text-decoration:none;padding:11px 18px;border-radius:10px;transition:transform .15s,box-shadow .15s}
.hd-cta:hover{transform:translateY(-1px);box-shadow:0 4px 0 #c9a200;background:#ffe063}
.hd-cta:active{transform:scale(.96)}
.hd-acct{position:relative;flex:none}
.hd-user{display:flex;align-items:center;gap:10px;max-width:260px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid rgba(255,249,239,.3)!important}
.hd-user:hover{background:rgba(255,255,255,.08)!important}
.hd-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#FFD21F;color:#0E2A5C;font:800 16px/1 'Bricolage Grotesque',system-ui,sans-serif;text-transform:uppercase}
.hd-em{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14px 'Nunito Sans',system-ui,sans-serif}
.hd-caret{width:14px;height:14px;flex:none;transition:transform .15s}
.hd-user[aria-expanded=true] .hd-caret{transform:rotate(180deg)}
.hd-menu{position:absolute;right:0;top:calc(100% + 14px);min-width:250px;max-width:min(320px,calc(100vw - 28px));padding:8px;background:#12336d;color:#FFF9EF;border:1px solid rgba(255,249,239,.22);border-radius:14px;box-shadow:0 18px 36px rgba(0,0,0,.4)}
.hd-menu[hidden]{display:none}
.hd-who{padding:8px 10px 10px;border-bottom:1px solid rgba(255,249,239,.18);margin-bottom:6px}
.hd-who b{display:block;font:700 14px 'Nunito Sans',system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hd-who span{display:inline-block;margin-top:4px;font:800 12px 'Bricolage Grotesque',system-ui,sans-serif;letter-spacing:.02em;padding:3px 8px;border-radius:999px;background:rgba(255,210,31,.18);color:#FFD21F}
.hd-menu a,.hd-menu button.hd-mi{display:block;width:100%;text-align:left;padding:10px;min-height:44px;border-radius:8px;color:#FFF9EF;text-decoration:none;font:700 15px 'Nunito Sans',system-ui,sans-serif}
.hd-menu a:hover,.hd-menu button.hd-mi:hover,.hd-menu a:focus-visible,.hd-menu button.hd-mi:focus-visible{background:rgba(255,255,255,.1)}
header.hd :focus-visible{outline:3px solid #FFD21F;outline-offset:2px}
.hd-burger{display:none;width:44px;height:44px;flex:none;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(255,249,239,.6)!important}
.hd-burger:hover{background:rgba(255,255,255,.1)!important}
.hd-burger svg{width:24px;height:24px;stroke-width:2.4}
.hd-panel{display:none}
@media(max-width:819px){
 header.hd{height:64px;gap:10px}
 .hd-logo img{height:44px}
 .hd-nav,.hd-acct,.hd-cta{display:none}
 .hd-burger{display:inline-flex}
 .hd-panel:not([hidden]){display:flex;flex-direction:column;gap:2px;position:absolute;left:0;right:0;top:100%;z-index:41;padding:12px clamp(14px,4vw,24px) 16px;background:#0E2A5C;border-bottom:4px solid #C9955C;box-shadow:0 14px 24px rgba(0,0,0,.35)}
 .hd-panel a,.hd-panel button.hd-mi{display:block;width:100%;text-align:left;padding:12px 8px;min-height:44px;border-radius:8px;color:#FFF9EF;text-decoration:none;font:700 17px 'Nunito Sans',system-ui,sans-serif}
 .hd-panel a:hover,.hd-panel button.hd-mi:hover{background:rgba(255,255,255,.1)}
 .hd-panel .hd-who{margin:6px 0 4px}
 .hd-panel .hd-sep{height:1px;background:rgba(255,249,239,.18);margin:6px 0}
 .hd-panel a.hd-pcta{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:6px;background:#FFD21F;color:#0E2A5C;font:800 17px 'Bricolage Grotesque',system-ui,sans-serif;text-align:center}
 .hd-panel a.hd-pcta:hover{background:#ffe063}
}
@media(min-width:820px){.hd-panel{display:none!important}}
@media(max-width:1100px) and (min-width:820px){.hd-nav a{padding:8px 8px}.hd-nav a::after{left:8px;right:8px}}
@media(max-width:819px) and (prefers-reduced-motion:no-preference){.hd-panel:not([hidden]){animation:hd-in .18s ease-out}@keyframes hd-in{from{opacity:0;transform:translateY(-8px)}}}
@media(prefers-reduced-motion:reduce){header.hd *{transition:none!important;animation:none!important}}
