:root{ --bg:#0f0f10; --card:#161618; --line:#2a2a2a; --text:#e7e7e7; --accent:#f49021; }
*{ box-sizing:border-box } html,body{ height:100% }
body{
  margin:0; background:var(--bg); color:var(--text);
  font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;
}
.center{ min-height:100dvh; display:grid; place-items:center; padding:24px; }
.card{
  width:min(480px, 94vw); background:var(--card); border:1px solid var(--line);
  border-radius:16px; padding:24px; box-shadow:0 20px 50px rgba(0,0,0,.35);
}
h1{ margin:0 0 12px; font-size:1.4rem; letter-spacing:.2px }
label{ display:block; font-weight:700; margin:12px 0 6px }
input{
  width:100%; padding:12px 12px; border-radius:12px; border:1px solid var(--line);
  background:#111; color:#fff; outline:none;
}
input:focus{ border-color:#3a3a3a }
button{
  width:100%; margin-top:14px; padding:12px 14px; border:0;
  border-radius:12px; font-weight:800; cursor:pointer; background:var(--accent); color:#151515;
  box-shadow:0 10px 24px rgba(244,144,33,.28);
}
.msg{ margin-top:10px; color:#f7b17a }
.meta{ margin-top:10px; font-size:.9rem; color:#c8c8c8 }
a{ color:#fff; text-decoration:underline }
.footer{ margin-top:16px; font-size:.85rem; opacity:.8; text-align:center }