/* Corporate gateway to Keycloak; this page does not collect credentials. */
.login-layout{background:#f3f7fc}.login-shell{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr)}.login-story{background:radial-gradient(circle at 98% 80%,#347ac35e,transparent 38%),linear-gradient(150deg,#061a3a,#0b326a 70%,#1d5a99)}.login-story h1{font-size:clamp(42px,4vw,66px);letter-spacing:-2px}.login-story h1 em{color:#c3e1ff}.login-access{background:#f7fafe}.access-card{background:#fff;max-width:510px;width:100%;border:1px solid #dce5f1;border-top:4px solid #2169b6;border-radius:20px;box-shadow:0 25px 66px #123e7817;padding:clamp(22px,3vw,43px);margin:25px auto}.access-card h2{font-size:clamp(27px,2.4vw,34px)}.access-note{border-top:1px solid #e7edf6;padding-top:18px}.identity-status{border-radius:10px}.sso-button{min-height:52px;justify-content:start}.access-bottom{font-size:11px}.login-layout :focus-visible{outline:3px solid #5495e3;outline-offset:3px}
@media(max-width:1050px){.login-shell{grid-template-columns:1fr}.login-story{min-height:295px;padding:32px 25px}.login-story h1{font-size:37px;margin:10px 0}.login-story-content{padding:12px 0}.login-story-content>p{margin:10px 0;font-size:13px}.story-highlights,.login-story-footer{display:none}.login-access{padding:22px 16px 20px}.access-card{margin:15px auto 25px}.access-top{max-width:510px;width:100%;margin:0 auto}}
@media(max-width:560px){.login-story{min-height:255px}.login-story h1{font-size:29px}.login-story .brand-logo{max-width:160px}.login-access{padding:15px 12px}.access-card{border-radius:15px;padding:23px 20px}.access-intro{line-height:1.6}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}

.login-story-top{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.login-story-top .brand-logo{max-height:72px;width:72px;max-width:72px;object-fit:contain}.login-brand-name{display:flex;flex-direction:column;gap:3px}.login-brand-name strong{font-size:16px;letter-spacing:-.3px;color:#fff}.login-brand-name small{font-size:11px;color:#c8ddf2}.login-story-top .story-label{flex-basis:100%;margin:3px 0}.login-story-top{max-width:480px}
