body { font-family:'Inter',sans-serif; background:#0b0d12; color:#e9eaef; display:flex; align-items:center; justify-content:center; min-height:100vh; margin:0; }
.box { background:#12141c; border:1px solid #242837; border-radius:14px; padding:32px; width:320px; }
h1 { font-size:1.2em; margin:0 0 18px; text-align:center; }
p { color:#8b8fa3; font-size:0.85em; }
p.sub { text-align:center; margin:0 0 18px; }
input { width:100%; background:#0b0d12; border:1px solid #242837; color:#eee; padding:10px; border-radius:8px; margin-bottom:12px; font-family:inherit; box-sizing:border-box; }
button { width:100%; background:#6d83ff; color:#fff; border:none; padding:11px; border-radius:8px; cursor:pointer; font-weight:700; }
.error { color:#ff5d6c; font-size:0.85em; margin-bottom:10px; text-align:center; }
.footer { text-align:center; margin-top:14px; font-size:0.85em; color:#8b8fa3; }
a { color:#8fa0ff; text-decoration:none; }
a.btn { display:inline-block; margin-top:14px; background:#6d83ff; color:#fff; text-decoration:none; padding:10px 18px; border-radius:8px; font-weight:700; }