:root { --bg:#0f1114; --panel:#171a1f; --line:#2a2f38; --text:#e6e8ec; --muted:#8b93a1; --accent:#c8a45a; }
body {
  margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:var(--bg); color:var(--text);
  font:14px/1.45 -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
.card {
  background:var(--panel); border:1px solid var(--line); border-radius:12px;
  padding:28px; width:min(340px,92vw); text-align:center;
}
h1 { margin:0; font-size:22px; letter-spacing:.1em; text-transform:uppercase; }
.sub { color:var(--muted); margin:4px 0 20px; font-size:12px; }
input {
  width:100%; padding:10px 12px; border-radius:8px; border:1px solid var(--line);
  background:#1d2128; color:var(--text); font:inherit; margin-bottom:10px;
}
button {
  width:100%; padding:10px; border:none; border-radius:8px; background:var(--accent);
  color:#1a1408; font:inherit; font-weight:600; cursor:pointer;
}
.error { color:#c0554a; font-size:12.5px; margin:12px 0 0; }