@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
:root { color-scheme: dark; --panel:#24262a; --border:rgba(255,255,255,.1); --danger:#f0b4ad; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:grid; place-items:center; background:var(--bg); color:var(--text); font-family:'Questrial',-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { width:min(420px, calc(100vw - 32px)); border:1px solid var(--border); background:var(--panel); padding:28px; }
h1 { margin:0 0 8px; font-size:25px; font-weight:500; }
p { margin:0 0 20px; color:var(--muted); line-height:1.45; }
label { display:block; margin-bottom:8px; color:var(--muted); font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
input { width:100%; height:44px; border:1px solid var(--border); background:#191a1d; color:var(--text); padding:0 12px; font:inherit; }
button { margin-top:14px; width:100%; height:42px; border:1px solid var(--text); background:var(--text); color:#1d1e20; font:inherit; cursor:pointer; }
.error { margin:0 0 14px; color:var(--danger); }