:root {
  --bg: #1a0a0a;
  --card: rgba(45, 18, 18, 0.9);
  --muted: #fca5a5;
  --accent: #f87171;
  --error: #dc2626;
  --success: #22c55e;
  --scan: #f43f5e;
}
*{box-sizing:border-box;font-family:"Share Tech Mono",monospace;letter-spacing:0.5px}
body{margin:0;background:radial-gradient(circle at 30% 30%,#1e1e1e,#0a0a0a 80%);color:#fee2e2}
.centered{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:24px}
.card{background:var(--card);padding:32px;border-radius:14px;border:1px solid #7f1d1d;box-shadow:0 0 24px rgba(248,113,113,.3),0 0 60px rgba(248,113,113,.15) inset;width:100%;max-width:420px;text-align:center;animation:flicker 5s infinite}
h1{margin:0 0 6px;font-size:24px;color:var(--accent);text-shadow:0 0 6px rgba(248,113,113,.7)}
.muted{color:var(--muted);margin:0 0 18px}
.login-form input{width:100%;padding:12px 14px;margin:10px 0;border:1px solid #7f1d1d;border-radius:6px;background:#1f0f0f;color:#fee2e2}
.primary{background:var(--accent);color:#1f0f0f;border:none;padding:12px;border-radius:8px;width:100%;cursor:pointer;font-weight:bold;text-transform:uppercase;box-shadow:0 0 12px rgba(248,113,113,.5)}
.primary:hover{filter:brightness(1.1);box-shadow:0 0 20px rgba(248,113,113,.8)}
.error{background:var(--error);color:#fff;padding:8px;border-radius:6px;margin-top:12px}
.success{color:var(--success);margin:12px 0}
.link{color:var(--accent);display:inline-block;margin-top:14px;text-decoration:none}
.token{background:#1f0f0f;color:var(--scan);padding:14px;border-radius:6px;overflow:auto;font-size:15px;text-shadow:0 0 6px var(--scan)}
@keyframes flicker{0%,19.999%,22%,62.999%,64%,100%{opacity:.99;text-shadow:none}20%,21.999%,63%,63.999%{opacity:.4}}