:root {
  --red: #e60012;
  --dark-red: #8b0000;
  --gold: #ffd700;
  --bright-gold: #ffec4f;
  --dark-bg: #0a0a0a;
  --panel-bg: rgba(20, 0, 0, 0.85);
  --neon-green: #39ff14;
  --neon-cyan: #00f0ff;
  --hot-pink: #ff1493;
  --lol-blue: #0a1428;
  --lol-gold: #c8aa6e;
  --lol-light: #f0e6d2;
  --lol-teal: #0acbe6;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {
  background: var(--dark-bg);
  color: #fff;
  font-family: 'Segoe UI', sans-serif;
  overflow-x: hidden;
}

@keyframes badgePulse {
  from { box-shadow: 0 0 5px var(--gold) }
  to { box-shadow: 0 0 25px var(--gold), 0 0 50px rgba(255,215,0,0.3) }
}

@keyframes shimmer { to { left: 100% } }

@keyframes blink { 50% { opacity: 0.6 } }

::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #0a0a0a; }
::-webkit-scrollbar-thumb { background: var(--dark-red); border: 1px solid var(--gold); }

.btn-primary {
  font-size: 18px; font-weight: bold;
  background: linear-gradient(135deg, var(--red), #ff2200, var(--dark-red));
  color: var(--gold); border: 2px solid var(--gold);
  padding: 12px 40px; cursor: pointer;
  border-radius: 4px; position: relative; overflow: hidden;
  transition: all 0.3s;
  text-shadow: 0 2px 4px rgba(0,0,0,0.5);
  letter-spacing: 3px; text-decoration: none;
  display: inline-block;
}

.btn-primary:hover {
  transform: scale(1.05);
  box-shadow: 0 0 40px rgba(230,0,18,0.6), 0 0 80px rgba(255,215,0,0.2);
}

.input-field {
  background: #111; color: var(--neon-cyan);
  border: 2px solid var(--red);
  padding: 12px 18px; font-family: monospace;
  font-size: 14px; border-radius: 3px;
  outline: none; width: 100%;
}

.input-field:focus {
  border-color: var(--gold);
  box-shadow: 0 0 15px rgba(255,215,0,0.3);
}

.input-field::placeholder { color: #555; }