:root { color-scheme: dark; --bg:#0d1117; --panel:#151b23; --line:#293341; --text:#eef3f8; --muted:#8e9cac; --accent:#54d7a0; --danger:#ff7070; }
* { box-sizing:border-box; }
body { min-height:100vh; display:grid; place-items:center; margin:0; padding:20px; background:radial-gradient(circle at 80% 0,#153126 0,transparent 32%),var(--bg); color:var(--text); font:14px/1.45 Inter,system-ui,sans-serif; }
main { width:min(420px,100%); padding:28px; border:1px solid var(--line); border-radius:16px; background:var(--panel); box-shadow:0 25px 80px #0007; }
h1 { margin:0 0 8px; }
p { color:var(--muted); }
form,label { display:grid; gap:8px; }
form { gap:16px; margin-top:24px; }
input { width:100%; padding:12px; border:1px solid var(--line); border-radius:8px; background:#0e141b; color:var(--text); font:inherit; }
input:focus { outline:2px solid #54d7a055; border-color:var(--accent); }
button { padding:11px 15px; border:0; border-radius:8px; background:var(--accent); color:#062117; font:inherit; font-weight:800; cursor:pointer; }
button:disabled { opacity:.55; }
#message { min-height:20px; margin:0; color:var(--danger); }