/* Existing HOF artwork and Azo type, composed as a solid sign-in gateway. */
.login-page{min-height:100dvh;background:#121420}
.login-main{position:relative;margin:0;min-height:100dvh;display:grid;place-items:center;padding:40px 28px;max-width:none}
.login-shell{display:grid;grid-template-columns:1.1fr 1fr;width:min(100%,960px);min-height:530px;border:1px solid #304258;border-radius:14px;overflow:hidden;background:#191e2c}
.login-identity{display:flex;flex-direction:column;justify-content:space-between;padding:36px;background:#172c42 url('/assets/hof-background-1280.webp') center/cover;position:relative;isolation:isolate}
.login-identity:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0c21399c,#10274066 45%,#0b2039e8)}
.login-wordmark{display:flex;gap:13px;align-items:center;font-size:21px;font-weight:700;letter-spacing:-.5px;color:#eaf5ff}.login-wordmark img{border-radius:12px;flex:none}
.login-brand-message>p{font-size:clamp(30px,3.5vw,46px);font-weight:700;letter-spacing:-1.4px;line-height:1.12;max-width:10ch;margin:0 0 18px;color:#eaf5ff}.login-brand-message>span{font-size:13px;color:#d2e2f3}
.login-card{padding:60px 48px;align-self:center;width:100%;min-width:0}
.login-card h1{font-size:30px;letter-spacing:-.8px;line-height:1.2;margin:0 0 12px}.login-card>p{font-size:13px;color:#abb6ca;line-height:1.7;margin:0 0 30px;max-width:36ch}
.login-card label{display:block;font-size:13px;font-weight:500;margin:20px 0 8px;color:#d3ddeb}.login-card input{padding:13px 14px;background:#121420;border:1px solid #52637c;border-radius:7px;width:100%;min-height:47px;color:#eaf5ff}.login-card input:focus-visible{outline:2px solid #65cfff;outline-offset:3px}
.login-card button{width:100%;min-height:46px;margin-top:27px;font-size:13px;white-space:nowrap}.login-card small{display:block;font-size:12px;color:#abb6ca;margin-top:24px}
.login-error{padding:12px 14px;background:#41252e;border:1px solid #814450;border-radius:7px;font-size:13px;color:#ffd2d9;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:767px){.login-main{padding:24px 18px}.login-shell{grid-template-columns:1fr;max-width:460px;min-height:0}.login-identity{padding:23px 26px;gap:27px}.login-wordmark{font-size:20px}.login-wordmark img{width:40px;height:40px}.login-brand-message{display:none}.login-card{padding:30px 26px 32px}.login-card h1{font-size:27px}.login-card>p{margin-bottom:24px}}
.verification-card{width:min(100%,450px);border:1px solid #304258;background:#191e2c;border-radius:12px}.verification-card form>img{display:block;max-width:100%;height:auto;margin-bottom:24px}