.login-screen { min-height:100dvh; display:flex; flex-direction:column; background:#fff; padding:36px 48px 24px; }
.login-brand img { display:block; max-width:100%; object-fit:contain; }
.login-card { width:min(100%,400px); margin:auto; padding:64px 0; }
.login-card h1 { font-size:34px; margin:10px 0 16px; }
.login-card > p { font-size:14px; color:var(--secondary); }
.login-card label { display:block; margin:24px 0 8px; font-size:13px; font-weight:500; }
.login-card input { width:100%; min-height:48px; padding:12px; font-size:16px; }
.login-card form .button { width:100%; min-height:48px; margin-top:10px; }
.login-card .login-help { font-size:12px; line-height:1.6; margin:24px 0 0; }
.login-footer { color:var(--secondary); font-size:11px; }
.loading-screen { min-height:100dvh; display:grid; place-items:center; color:var(--secondary); }
.account-controls button { min-height:44px; padding:8px 10px; border:0; background:transparent; font-size:12px; }
.account-controls button:hover { color:var(--accent); background:var(--accent-soft); }
.account-controls #session-name { font-size:12px; }
.account-controls select { max-width:180px; min-height:44px; font-size:12px; }
@media(max-width:600px) {
 .login-screen { padding:24px 20px 20px; }
 .login-card { padding:48px 0; }
 .login-card h1 { font-size:30px; }
 .account-controls { justify-content:flex-end; }
 .account-controls #session-name { margin-right:auto; font-size:11px; }
 .account-controls button { font-size:11px; }
}