body.auth-page { margin: 0; min-height: 100vh; background: #e5ebf2; color: #12283e; font-family: "Segoe UI", Arial, sans-serif; }
.auth-feedback { padding: 1rem; border-bottom: 1px solid #c7d3dd; background: #fff; }
.auth-page .site-login { width: min(32rem, calc(100% - 2rem)); margin: 8vh auto; padding: clamp(1.25rem, 5vw, 2.5rem); border-radius: 1rem; background: #fff; }
.auth-page .site-login h1 { font-size: 1.7rem; }
.auth-page .site-login .form-group { margin-block: 1rem; }
.auth-page .site-login .help-block { color: #b32431; }
.auth-page .site-login .has-error input { border-color: #b32431; }
.clarity-access-help { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #d8e1ea; font-size: .85rem; line-height: 1.6; color: #526a80; }
.clarity-access-help a { color: #00649f; text-underline-offset: 3px; }
.clarity-access-help summary { cursor: pointer; color: #00649f; }
.clarity-access-help p { padding-top: .5rem; }
.clarity-access-help > a { display: inline-block; margin-top: .75rem; }