html:has(.system-login:not(.hidden)),body.login-active{height:100%;overflow:hidden}.system-login{height:100vh;height:100svh;min-height:0;overflow:hidden;align-items:center;padding-block:clamp(18px,4vh,48px)}.system-login .login-card{max-height:calc(100svh - 36px);overflow:hidden;padding:clamp(22px,4vh,38px)}.system-login .login-card h2{font-size:clamp(27px,4vh,36px);margin:6px 0}.system-login .login-card .login-intro{margin:0 0 clamp(12px,2.5vh,22px)}.system-login .login-card label{margin:clamp(8px,1.8vh,14px) 0}.system-login .login-card input{padding:clamp(10px,1.7vh,14px)}.system-login .login-card .primary{padding:clamp(11px,1.8vh,14px)}@media(max-height:760px){.system-login{padding-block:14px}.login-brand .logo{font-size:50px}.login-brand p{font-size:18px}.system-login .login-card{padding:22px 30px}.system-login .login-card h2{font-size:28px}.system-login .login-card label{margin:8px 0}.system-login .login-card input{padding:10px}.login-copyright{bottom:14px}}@media(max-width:820px){.system-login{display:flex;flex-direction:column;justify-content:center;gap:14px}.login-brand p{display:none}.system-login .login-card{max-height:calc(100svh - 125px);overflow:auto}}