:root { color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 16px;
  background: radial-gradient(ellipse at 50% 30%, #2a1630 0%, #0d0a12 70%); color: #eee;
  font: 16px/1.4 system-ui, sans-serif; }
main { width: 100%; max-width: 360px; text-align: center; }
h1 { font: 900 clamp(34px, 11vw, 52px)/1 Impact, "Arial Black", sans-serif; letter-spacing: 1px; margin: 0;
  color: #fff; text-shadow: 3px 3px 0 #000; }
h1 span { color: #ff8a1f; }
.sub { margin: 6px 0 28px; color: #b9a9c4; letter-spacing: 3px; text-transform: uppercase; font-size: 13px; }
form { display: grid; gap: 10px; text-align: left; }
label { font-size: 13px; letter-spacing: 2px; text-transform: uppercase; color: #b9a9c4; }
input { font-size: 18px; padding: 12px 14px; border-radius: 8px; border: 2px solid #3d2f47; background: #17121d; color: #fff; }
input:focus { outline: none; border-color: #ff8a1f; }
button { font: 800 18px/1 system-ui, sans-serif; letter-spacing: 2px; padding: 14px; border: 0; border-radius: 8px;
  background: #ff8a1f; color: #1a0d00; cursor: pointer; }
#m { min-height: 1.4em; margin: 4px 0 0; color: #ff8080; text-align: center; }