body {
  background-color: #000000;
}

.glow-text {
  text-shadow: 0 0 10px #00d1ff, 0 0 20px #00d1ff;
}

.glow-btn:hover {
  box-shadow: 0 0 15px #00ff99, 0 0 25px #00ff99;
}

.hover-glow:hover {
  box-shadow: 0 0 12px #00d1ff;
}

.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: all 0.8s ease;
}

.reveal.active {
  opacity: 1;
  transform: translateY(0);
}

::selection {
  background-color: #1e1b4b;
  /* dark indigo */
  color: #67e8f9;
  /* light cyan */
}


/* Glow Text Effect */
.glow-text {
  text-shadow:
    0 0 5px #3b82f6,
    0 0 10px #3b82f6,
    0 0 20px #3b82f6,
    0 0 40px #3b82f6;
}

/* Button Glow */
.glow-btn {
  box-shadow:
    0 0 5px #22c55e,
    0 0 10px #22c55e,
    0 0 20px #22c55e,
    0 0 40px #22c55e;
}

/* Gradient Animation */
@keyframes gradientFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.animate-gradient {
  animation: gradientFlow 12s ease infinite;
}