/* Tiny extras. Tailwind does 95% of the work. */

:root {
  --bg: #0b1020;
  --panel: rgba(255,255,255,0.05);
  --border: rgba(255,255,255,0.10);
  --green: #00ff88;
  --pink: #ff0055;
  --blue: #0f4c75;
}

.glow-green {
  box-shadow: 0 0 24px rgba(0, 255, 136, 0.20);
}

.glow-pink {
  box-shadow: 0 0 24px rgba(255, 0, 85, 0.16);
}

/* Smooth reveal base state */
.reveal-base {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 700ms ease, transform 700ms ease;
}
.reveal-show {
  opacity: 1;
  transform: translateY(0);
}