/* Animated gradient background */
body {
  background: linear-gradient(-45deg, #1e3a8a, #9333ea, #f43f5e, #22c55e);
  background-size: 400% 400%;
  animation: gradient 12s ease infinite;
}

@keyframes gradient {
  0% {background-position: 0% 50%;}
  50% {background-position: 100% 50%;}
  100% {background-position: 0% 50%;}
}

/* Glowing text animation */
.glow {
  animation: glow 2s ease-in-out infinite alternate;
}

@keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #22d3ee, 0 0 30px #22d3ee, 0 0 40px #22d3ee;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #9333ea, 0 0 40px #9333ea, 0 0 50px #9333ea;
  }
}