main { max-width: 440px; margin: 8vh auto; padding: 24px; background: var(--panel); border-radius: 8px; }
form { display: grid; gap: 12px; margin-top: 24px; }
input { width: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 6px; background: var(--bg); color: var(--text); font: inherit; }
input:focus { outline: 2px solid var(--accent); outline-offset: 2px; }
button { min-height: 42px; margin-top: 8px; }
.test-label { color: var(--accent); font-size: 13px; }
#login-error { color: var(--danger); }
@media(max-width:480px) { main { margin: 24px 12px; } }