/* Neon Cyberpunk visual styling */
:root {
  --neon-cyan: #00f0ff;
  --neon-pink: #ff007f;
  --neon-purple: #9d00ff;
  --neon-gold: #ffb800;
}

body {
  background: radial-gradient(circle at center top, #140b2b 0%, #06020e 100%);
}

#title {
  font-weight: 900;
  letter-spacing: 2px;
  background: linear-gradient(135deg, #00f0ff 0%, #ff007f 50%, #ffe600 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 16px rgba(255, 0, 127, 0.6));
}

button {
  background: linear-gradient(135deg, #ff007f, #7c3aed);
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: 0 0 20px rgba(255, 0, 127, 0.5), inset 0 0 10px rgba(255, 255, 255, 0.3);
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: transform 0.1s, box-shadow 0.1s;
}

button:active {
  box-shadow: 0 0 10px rgba(255, 0, 127, 0.8);
}