:root{--bg:#0f172a;--panel:rgba(255,255,255,.08);--line:rgba(255,255,255,.14);--ink:#eef2ff;--ink-soft:#c7d2fe;--accent:#b5964d}
*{box-sizing:border-box}
body.auth-page{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top left, rgba(181,150,77,.18), transparent 24%), linear-gradient(180deg,#0b1220,#13213d);color:var(--ink);font:15px/1.55 Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.auth-card{width:min(720px,100%);padding:28px;border-radius:24px;background:var(--panel);border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.auth-eyebrow{margin:0 0 10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-weight:800}
.auth-title{margin:0 0 12px;font-size:28px;letter-spacing:-.03em}
.auth-copy{margin:0;color:var(--ink-soft)}
.auth-copy code{background:rgba(255,255,255,.12);padding:2px 6px;border-radius:8px}
.auth-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.auth-link{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--ink);font-weight:800;text-decoration:none}
.auth-link:hover{text-decoration:none;background:rgba(255,255,255,.12)}