html.intro-pending{overflow:hidden!important}
html.intro-pending body> :not(.site-intro):not(script){visibility:hidden}
html.intro-pending .site-intro{display:flex!important;flex-direction:column;gap:clamp(22px,4vh,42px);padding:32px 24px;overflow-y:auto;min-height:100svh;background:#fff}
.site-intro .intro-logo{flex-shrink:0;width:min(68vw,440px);max-height:40svh}
.access-form{width:min(100%,330px);display:grid;gap:13px;color:#123d7c;text-align:center}
.access-form label{font-size:15px;color:#123d7c;letter-spacing:.025em}
.access-form input{width:100%;min-width:0;border:1px solid #bac8dc;border-radius:4px;background:#fff;color:#123d7c;padding:13px 16px;font-size:17px;text-align:center;letter-spacing:.06em}
.access-form input[aria-invalid=true]{border-color:#a13939}
.access-form button{border:1px solid #123d7c;border-radius:4px;background:#123d7c;color:#fff;padding:14px 20px;font-size:16px;min-height:50px}
.access-form button:hover{background:#214f91}
.access-form p{font-size:14px;line-height:1.4;color:#a13939;min-height:40px;letter-spacing:0}
@media(prefers-reduced-motion:reduce){html.intro-pending .site-intro{display:flex!important;transition:none}.site-intro .intro-logo{transition:none}}