.login-page{background:#071b34}.login-story{position:relative;isolation:isolate;display:flex;min-height:100dvh;flex-direction:column;align-items:center;justify-content:space-between;padding:clamp(2rem,6vw,5rem);background-image:linear-gradient(180deg,rgba(2,15,45,.28),rgba(2,15,45,.83)),url('/images/elevare-courtyard.png');background-size:cover;background-position:center;color:#fff}.login-story:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,15,45,.2),transparent 55%,rgba(2,15,45,.16))}.login-brand{width:min(440px,78%);margin:auto auto 0;text-align:center}.login-brand img{width:100%;height:auto;filter:drop-shadow(0 9px 24px rgba(0,0,0,.3))}.login-portal{margin:1.5rem 0 auto;color:#f0d27c;font-size:.82rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.login-story small{align-self:center;color:rgba(255,255,255,.8);letter-spacing:.04em}.login-panel{background:#f7f5ef}.login-box h2{font-size:clamp(2rem,3vw,2.8rem)}
@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-story{display:flex;min-height:300px;padding:1.5rem}.login-brand{width:min(260px,62%)}.login-portal{margin:.8rem 0}.login-story small{display:block}.login-panel{min-height:calc(100dvh - 300px)}}
.login-story{justify-content:center}.login-brand{margin:auto;text-align:center}.login-story small{position:absolute;bottom:clamp(1.5rem,4vw,3rem);left:50%;transform:translateX(-50%);white-space:nowrap}@media(max-width:900px){.login-story{justify-content:center}.login-brand{margin:auto}.login-story small{bottom:1.25rem}}