:root{--bg:#210909;--bg2:#5b1a1a;--gold:#f6c21a;--text:#f7f3ef;--muted:#cbbfba;--stroke:rgba(255,255,255,.14);--danger:#ffb4b4}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;color:var(--text);background:radial-gradient(1000px 700px at 10% 10%,rgba(246,194,26,.22),transparent 60%),linear-gradient(135deg,var(--bg),var(--bg2))}.auth-card{width:min(430px,100%);padding:32px;border:1px solid var(--stroke);border-radius:24px;background:rgba(255,255,255,.08);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.35)}.brand-mark{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:16px;background:#fff;color:#4b0f0f;font-weight:900;letter-spacing:.5px}.auth-card h1{margin:18px 0 6px}.muted,.meta{color:var(--muted)}form{display:grid;gap:16px;margin-top:24px}label{display:grid;gap:7px;font-size:13px}input{width:100%;padding:13px 14px;border-radius:14px;border:1px solid var(--stroke);background:rgba(0,0,0,.2);color:#fff;outline:none}input:focus{border-color:rgba(246,194,26,.65);box-shadow:0 0 0 3px rgba(246,194,26,.14)}button{padding:13px 16px;border:1px solid rgba(246,194,26,.4);border-radius:14px;background:rgba(246,194,26,.2);color:#fff;font-weight:700;cursor:pointer}.alert{padding:12px 14px;border-radius:12px;margin-top:18px}.alert.danger{background:rgba(255,90,90,.13);border:1px solid rgba(255,90,90,.35);color:var(--danger)}.meta{font-size:12px;margin-top:22px;text-align:center}