:root {
  --bg: #0a0f1f;
  --card: rgba(18, 25, 45, 0.88);
  --muted: #94a3b8;
  --accent: #38bdf8;
  --error: #ef4444;
  --scan: #38f87c;
}
*{box-sizing:border-box;font-family:"Share Tech Mono",monospace;letter-spacing:0.5px}
body{margin:0;background:radial-gradient(circle at 20% 20%,#111827,#0a0f1f 70%);color:#e2e8f0}
.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 #1e293b;box-shadow:0 0 24px rgba(56,189,248,.15),0 0 60px rgba(56,189,248,.1) inset;width:100%;max-width:400px;text-align:center;animation:flicker 4s infinite}
h1{margin:0 0 6px;font-size:24px;color:var(--accent);text-shadow:0 0 6px rgba(56,189,248,.7)}
.muted{color:var(--muted);margin:0 0 18px}
.login-form input{width:100%;padding:12px 14px;margin:10px 0;border:1px solid #334155;border-radius:6px;background:#0f172a;color:#e2e8f0}
.primary{background:var(--accent);color:#0f172a;border:none;padding:12px;border-radius:8px;width:100%;cursor:pointer;font-weight:bold;text-transform:uppercase;box-shadow:0 0 12px rgba(56,189,248,.5)}
.primary:hover{filter:brightness(1.1);box-shadow:0 0 20px rgba(56,189,248,.8)}
.error{background:var(--error);color:#fff;padding:8px;border-radius:6px;margin-bottom:8px}
.link{color:var(--accent);display:inline-block;margin-top:14px;text-decoration:none}
.token{background:#0f172a;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}}