.site-head{background:rgba(234,239,248,.86);border-bottom-color:rgba(10,29,72,.07);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px)}
.head-nav{position:relative;background:rgba(255,255,255,.58);box-shadow:inset 0 1px 0 rgba(255,255,255,.75),0 1px 2px rgba(10,18,43,.04)}
.head-nav>a,.nav-drop>a{position:relative;z-index:1}
.head-nav a:hover{color:var(--ink)}
.has-nav-ind .head-nav>a:not(.is-active):hover,.has-nav-ind .nav-drop>a:not(.is-active):hover{background:transparent}
.nav-ind{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:var(--w,0px);translate:var(--x,0px) 0;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(10,18,43,.08),0 8px 18px -10px rgba(10,18,43,.3);opacity:0;pointer-events:none;transition:translate .4s cubic-bezier(.22,1,.36,1),width .4s cubic-bezier(.22,1,.36,1),opacity .2s}
.nav-ind.is-on{opacity:1}
.nav-ind.no-anim{transition:opacity .2s}
.nav-drop{position:static}
.nav-panel{left:auto;right:0;translate:0 6px;transform-origin:70% 0;scale:.97;border-color:rgba(10,29,72,.08);box-shadow:0 1px 2px rgba(10,18,43,.04),0 30px 70px -24px rgba(10,18,43,.35);transition:opacity .18s,translate .28s cubic-bezier(.22,1,.36,1),scale .28s cubic-bezier(.22,1,.36,1),visibility 0s linear .28s}
.nav-drop:is(:hover,:focus-within) .nav-panel{translate:0 0;scale:1;transition:opacity .2s,translate .34s cubic-bezier(.22,1,.36,1),scale .34s cubic-bezier(.22,1,.36,1),visibility 0s}
.nav-drop.is-closed .nav-panel{translate:0 6px;scale:.97}
.head-nav .nav-panel a{transition:background-color .15s,color .15s}
.head-nav .nav-panel a:hover{background:#F1F5FD}
.head-login{transition:color .15s}

.site-foot{background:linear-gradient(90deg,transparent,rgba(127,184,255,.4),transparent) 0 0/100% 1px no-repeat,radial-gradient(56% 220px at 50% 0,rgba(0,111,247,.13),transparent 80%) no-repeat,var(--ink)}
.foot-links a,.foot-btn{width:fit-content;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:color .15s,background-size .28s cubic-bezier(.22,1,.36,1)}
.foot-links a:hover,.foot-btn:hover{background-size:100% 1px;text-decoration:none}
.foot-social a{transition:background-color .2s,color .2s,border-color .2s,translate .25s cubic-bezier(.22,1,.36,1)}
.foot-social a:hover{translate:0 -2px}

.pw-wrap{position:relative;display:block}
.pw-wrap input{padding-right:3rem}
.pw-eye{position:absolute;top:50%;right:.4rem;display:grid;place-items:center;width:38px;height:38px;margin-top:-19px;border:0;border-radius:10px;background:none;color:var(--muted);cursor:pointer;transition:background-color .15s,color .15s}
.pw-eye:hover{background:var(--brand-wash);color:var(--brand-dark)}
.pw-eye:focus-visible{outline:2px solid var(--brand);outline-offset:0}
.pw-eye .ic{width:1.15rem;height:1.15rem}

@media (max-width:960px){
  .tabbar{background:rgba(255,255,255,.84);border:1px solid rgba(10,29,72,.08);box-shadow:0 1px 2px rgba(10,18,43,.06),0 18px 40px -18px rgba(10,18,43,.35);-webkit-backdrop-filter:saturate(1.8) blur(18px);backdrop-filter:saturate(1.8) blur(18px)}
  .tab[aria-current="page"]{background:rgba(0,74,187,.08)}
}
@media (max-width:640px){
  .site-head{-webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(234,239,248,.95)}
}
@media (prefers-reduced-motion:reduce){
  .nav-ind,.nav-panel{transition:none}
}