.login-page { min-height:100vh; min-height:100dvh; display:grid; place-items:center; padding:40px 24px; background:radial-gradient(ellipse at top,#1d232a 0,transparent 62%),var(--bg); }
.login-shell { width:min(100%,420px); }
.login-brand { display:flex; justify-content:center; align-items:baseline; gap:9px; margin-bottom:30px; font:600 24px var(--font-display); }
.login-brand strong { color:var(--accent); font-size:35px; }
.login-card { padding:32px; border:1px solid var(--border); border-radius:var(--radius-lg); background:var(--surface-1); box-shadow:var(--shadow); }
.login-card h1 { margin-top:9px; font-size:34px; }
.login-copy { margin:12px 0 26px; color:var(--text-muted); }
.login-field { display:grid; gap:8px; margin-top:19px; }
.login-field label { font-size:13px; font-weight:500; }
.login-field input { width:100%; min-height:43px; padding:9px 12px; }
.login-card button[type="submit"] { width:100%; min-height:43px; margin-top:26px; font-size:14px; }
.login-status { margin-top:20px; padding:11px 12px; border:1px solid var(--border-strong); border-radius:var(--radius-sm); color:var(--text-muted); overflow-wrap:anywhere; }
.login-status.error { border-color:#75443f; color:var(--loss); }
.login-note { margin-top:22px; color:var(--text-muted); text-align:center; font-size:12px; }
@media (max-width:440px) { .login-page { padding:28px 18px; } .login-card { padding:26px 22px; } }