:root{
  --bg:#000;
  --line:#1c1c1e;
  --panel:#0a0a0b;
  --text:#f4f4f5;
  --muted:#8a8f98;
}
*{box-sizing:border-box}
body{
  margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);
  color:var(--text);padding:24px;
  font:15px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,
    Helvetica,Arial,sans-serif;
  background-image:radial-gradient(60% 45% at 50% 0%,#141417 0%,#000 70%);
}
.card{
  width:100%;max-width:380px;background:var(--panel);border:1px solid var(--line);
  border-radius:18px;padding:34px 30px 28px;text-align:center
}
.mark{display:block;margin:0 auto 14px}
h1{margin:0;font-size:22px;letter-spacing:.14em;font-weight:600}
.sub{margin:6px 0 26px;color:var(--muted);font-size:13px}
form{display:flex;flex-direction:column;gap:6px;text-align:left}
label{font-size:12px;color:var(--muted);margin-top:10px}
input{
  background:#0f0f11;border:1px solid var(--line);border-radius:10px;
  color:var(--text);padding:11px 12px;font:inherit;outline:none
}
input:focus{border-color:#3a3a3f;background:#121215}
button{
  margin-top:22px;background:#fff;color:#000;border:0;border-radius:10px;
  padding:12px;font:inherit;font-weight:600;cursor:pointer
}
button:hover{background:#e6e6e8}
.err{margin:16px 0 0;color:#ff7a6b;font-size:13px}