#loginScreen{position:fixed;inset:0;z-index:100;background:#f4f6f8;display:grid;place-items:center;padding:24px}
#loginScreen.hidden{display:none}
#loginForm{width:min(390px,100%);background:#fff;border:1px solid #e1e5ea;border-radius:16px;padding:34px;box-shadow:0 20px 60px #17202d1c;display:grid;gap:16px}
#loginForm h1{font-size:24px;text-align:center;margin:0}
#loginForm>p{text-align:center;color:#728096;margin:-7px 0 7px}
#loginForm label{display:grid;gap:7px;color:#596576;font-size:13px;font-weight:600}
#loginForm input{padding:12px;border:1px solid #d8dde5;border-radius:8px;font:inherit}
#loginForm button{padding:12px}
.login-brand{margin:auto;background:#f6a900;color:#142033;border-radius:11px;padding:11px 10px;font-size:19px;font-weight:900}
#loginError{min-height:20px;color:#b3261e;text-align:center;font-size:13px}
aside footer{display:grid;gap:8px}
aside footer span{color:#dce4ef;font-size:12px;font-weight:600}
aside footer small{color:#718095}
aside footer button{background:transparent;border-color:#405066;color:#aeb9c8;padding:6px 9px}
.role-hint{color:#728096;font-size:13px}