:root { --bg:#0b0f14; --card:#0f1722; --fg:#e6edf3; --muted:#94a3b8; --gold:#d4af37; }
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.card{max-width:680px;margin:6vh auto;background:var(--card);padding:28px;border-radius:16px;border:1px solid #1e293b;box-shadow:0 10px 30px rgba(0,0,0,.35)}
h1{margin:0 0 8px;font-weight:700;letter-spacing:.3px;color:var(--gold)}
p{color:var(--muted)}
label{display:block;margin:18px 0 8px}
input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #243044;background:#0b1320;color:var(--fg)}
button{margin-top:16px;width:100%;padding:12px 14px;border:0;border-radius:12px;background:var(--gold);color:#1a1a1a;font-weight:700;cursor:pointer}
button:hover{filter:brightness(1.05)}
.messages{margin:16px 0}
.msg{padding:10px 12px;border-radius:10px;margin-bottom:10px}
.msg.success{background:#12351f;border:1px solid #1f6d3a}
.msg.warning{background:#352e12;border:1px solid #9c7f1f}
.msg.danger{background:#351212;border:1px solid #9c1f1f}
footer{margin-top:18px;color:#8da2b4}