.login-page{position:relative;isolation:isolate;min-height:100vh;overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;padding:42px 7vw}.photo-layer,.photo-overlay{position:absolute;inset:0;z-index:-2}.photo-layer{background:url('/images/maspro-login-landscape.png') center/cover no-repeat;transform:scale(1.02)}.photo-overlay{z-index:-1;background:linear-gradient(90deg,rgba(7,13,13,.88),rgba(8,14,14,.68) 35%,rgba(8,14,14,.28) 70%,rgba(7,12,14,.52)),linear-gradient(0deg,rgba(5,10,10,.75),transparent 42%,rgba(5,10,10,.3))}.login-page #app{width:min(100%,1180px);margin:auto;display:grid;place-items:center}.login-page .card{width:min(100%,440px);padding:44px;background:rgba(16,24,23,.82);border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 90px rgba(0,0,0,.42);backdrop-filter:blur(18px)}.login-page h2{font-size:38px;letter-spacing:-.02em}.login-page footer{color:rgba(244,241,234,.7)}
@media(max-width:520px){.login-page{padding:30px 24px}.login-page .card{padding:30px 24px}}