:root{
  --bg:#080d14;--panel:#121b28;--line:#29394f;--text:#f4f7fb;
  --muted:#94a5ba;--gold:#e7b34a;--red:#ef7474;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
body{background:
radial-gradient(circle at 20% 0,rgba(231,179,74,.08),transparent 28%),
radial-gradient(circle at 100% 0,rgba(93,168,255,.08),transparent 30%),
var(--bg)}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px}
.auth-card{width:min(460px,100%);background:linear-gradient(180deg,#151f2d,#101721);border:1px solid var(--line);border-radius:20px;padding:26px}
.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}
.auth-logo{width:46px;height:46px;border-radius:13px;background:linear-gradient(135deg,#f4cc70,#aa7115);color:#111;display:grid;place-items:center;font-size:23px;font-weight:1000}
.auth-brand strong,.auth-brand span{display:block}.auth-brand strong{font-size:19px}.auth-brand span{font-size:12px;color:var(--muted);margin-top:2px}
.auth-heading small{color:var(--gold);font-size:10px;font-weight:900;letter-spacing:.12em}
.auth-heading h1{font-size:29px;margin:5px 0 8px}.auth-heading p{color:var(--muted);font-size:14px;line-height:1.5;margin:0 0 20px}
form{display:grid;gap:14px}label{display:grid;gap:7px;font-size:13px;color:#becbdd}label small{color:var(--muted);font-size:11px}
input{width:100%;border:1px solid #34465e;background:#0c141f;color:#fff;border-radius:11px;padding:13px 14px;font-size:16px;outline:none}
input:focus{border-color:#957533}
button{min-height:48px;border:0;border-radius:11px;background:var(--gold);color:#151108;font-weight:900;font-size:15px;cursor:pointer}
.auth-alert{padding:11px 13px;border-radius:10px;background:#2b2b1a;color:#f0d68a;margin-bottom:14px;font-size:13px}
.auth-alert.error{background:#3b2023;color:#ffadad}
.auth-foot{text-align:center;color:var(--muted);font-size:11px;margin-top:18px}