#login-screen{display:none}
body.auth-mode>aside,body.auth-mode>main{display:none}
body.auth-mode{min-height:100vh;background:#f4f6f9}
body.auth-mode #login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:32px 20px}
#login-screen .login{width:100%;max-width:400px;margin:0;padding:38px 36px;background:#fff;border:1px solid #e5eaf1;border-radius:12px;box-shadow:0 12px 40px #18335a08}
.login-brand{color:#1677ff;font-size:15px;font-weight:600;margin-bottom:14px;letter-spacing:2px}
#login-screen h1{font-size:25px;font-weight:600;color:#213b64;margin:0 0 10px}
.login-description{color:#8792a2;margin:0 0 28px;line-height:1.6}
#login-screen label{display:block;color:#33465f;font-size:14px}
#login-screen input{height:44px;margin:9px 0 22px;padding:10px 12px;border-radius:6px}
#login-screen input:focus{outline:2px solid #1677ff33;border-color:#1677ff}
#login-screen button{height:44px;margin:6px 0 0;border-radius:6px;font-size:15px}
@media(max-width:480px){#login-screen .login{padding:30px 24px}body.auth-mode #login-screen{padding:20px 16px}}