.site-header{position:relative;z-index:50;border-bottom:1px solid rgba(213,219,235,.75);background:rgba(253,253,253,.92);box-shadow:0 6px 24px rgba(28,39,72,.045);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header .brand{display:grid;place-items:center;border-radius:15px;transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.site-header .brand:hover,.site-header .brand:focus-visible{transform:translateY(-2px);background:#fff;box-shadow:0 8px 22px rgba(28,39,72,.09);outline:0}
.main-navigation{gap:5px;padding:4px;border:1px solid #e8eaf4;border-radius:14px;background:#f7f8fc}
.main-navigation a{position:relative;padding:8px 11px;border-radius:10px;color:#394456;font:600 11px/15px var(--heading-font);letter-spacing:-.01em;transition:color .22s ease,background .22s ease,box-shadow .22s ease,transform .22s ease}
.main-navigation a:hover,.main-navigation a:focus-visible{color:#006d93;background:#fff;box-shadow:0 4px 13px rgba(31,45,80,.09);transform:translateY(-1px);outline:0}
.main-navigation a.is-current{color:#006d93;background:#fff;box-shadow:0 3px 10px rgba(31,45,80,.08)}
.main-navigation a.is-current:after{content:"";position:absolute;left:11px;right:11px;bottom:4px;height:2px;border-radius:3px;background:linear-gradient(90deg,#00a8d5,#62c77b)}
.header-search{height:38px;border:1px solid #e3e5f2;background:#f5f4ff;transition:border-color .22s ease,background .22s ease,box-shadow .22s ease}
.header-search:focus-within{border-color:#84cee3;background:#fff;box-shadow:0 0 0 4px rgba(0,158,204,.1)}
.favorites-button,.login-button{min-height:36px;padding:8px 12px;border:1px solid #e3e6ef;border-radius:11px;background:#fff;font:600 11px/16px var(--heading-font);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}
.favorites-button:hover,.favorites-button:focus-visible,.login-button:hover,.login-button:focus-visible{transform:translateY(-2px);border-color:#b9dce6;color:#006d93;box-shadow:0 7px 16px rgba(31,45,80,.09);outline:0}
.header-cta{min-height:38px;border:1px solid rgba(0,109,147,.12);border-radius:12px;background:linear-gradient(110deg,#00a7d5,#58c985 55%,#a1ee57);box-shadow:0 7px 16px rgba(0,134,150,.16);font-weight:700;transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}
.header-cta:hover,.header-cta:focus-visible{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 10px 24px rgba(0,134,150,.24);outline:0}
.menu-toggle{width:42px;height:42px;border:1px solid #e1e5ef;border-radius:12px;background:#fff;box-shadow:0 4px 12px rgba(31,45,80,.07);color:#233047}
@media(max-width:1250px){.main-navigation a{padding-inline:8px}.favorites-button,.login-button{padding-inline:9px}}
@media(max-width:800px){.main-navigation{padding:10px;border-radius:14px;gap:8px}.main-navigation a{flex:1 1 calc(50% - 8px);padding:11px 13px;text-align:center;background:#fff;border:1px solid #e8eaf3}.main-navigation a.is-current:after{bottom:5px}.favorites-button,.login-button{min-height:34px}.header-search{height:36px}}
@media(prefers-reduced-motion:reduce){.site-header .brand,.main-navigation a,.header-search,.favorites-button,.login-button,.header-cta{transition:none}.site-header .brand:hover,.main-navigation a:hover,.favorites-button:hover,.login-button:hover,.header-cta:hover{transform:none}}