:root{
  --bg:#08080a;
  --panel:#111114;
  --border:#1f1f24;
  --text:#e6e6e6;
  --muted:#9a9a9a;
  --gold:#f5c518;
  --gold-hover:#ffd633;
  --red:#ef4444;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5;min-height:100%}
body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px 28px;box-shadow:0 20px 60px rgba(0,0,0,.4)}
.brand{display:flex;align-items:center;gap:10px;margin-bottom:24px}
.brand-dot{width:12px;height:12px;border-radius:50%;background:var(--gold)}
.brand-name{font-weight:700;letter-spacing:.3px;font-size:14px;color:#cfcfcf}
h1{font-size:22px;margin:0 0 6px;color:var(--gold);font-weight:700}
.subtitle{color:var(--muted);font-size:14px;margin:0 0 24px}
label{display:block;font-size:13px;color:#cfcfcf;margin:0 0 6px;font-weight:500}
.input{width:100%;background:#0d0d10;border:1px solid var(--border);border-radius:8px;padding:12px 14px;color:var(--text);font-size:15px;font-family:inherit;outline:none;transition:border .15s, background .15s}
.input:focus{border-color:var(--gold);background:#0a0a0d}
.field+.field{margin-top:14px}
.btn{display:block;width:100%;background:var(--gold);color:#08080a;font-weight:700;border:0;border-radius:8px;padding:14px;font-size:15px;cursor:pointer;margin-top:20px;font-family:inherit;transition:background .15s}
.btn:hover{background:var(--gold-hover)}
.btn:disabled{background:#444;color:#888;cursor:not-allowed}
.row-links{display:flex;justify-content:space-between;margin-top:16px;font-size:13px}
.row-links a{color:var(--muted);text-decoration:none}
.row-links a:hover{color:var(--gold)}
.msg{margin-top:16px;padding:12px 14px;border-radius:8px;font-size:14px;display:none}
.msg.show{display:block}
.msg.err{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.35);color:#fca5a5}
.msg.ok{background:rgba(245,197,24,.1);border:1px solid rgba(245,197,24,.35);color:var(--gold)}
.foot{text-align:center;margin-top:24px;font-size:12px;color:#666}