.login-page{display:grid;place-items:center;overflow:auto;padding:24px}.login-card{width:min(400px,100%);padding:32px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.login-brand{font-weight:700;color:var(--brand)}.login-card h1{font-size:24px;margin:24px 0 10px}.login-card p,.login-card small{color:var(--muted);line-height:1.8}.login-card label{display:block;margin:20px 0 8px}.login-card input{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink)}.login-card input:focus{outline:2px solid var(--brand);outline-offset:2px}.login-card button{width:100%;padding:12px;border:0;border-radius:8px;background:var(--brand);color:white;margin:8px 0 20px}.login-card #feedback{color:var(--brand-dark);min-height:1.8em;font-size:12px}