body {
  margin: 0;
  height: 100vh;
  overflow: hidden;

  background: linear-gradient(-45deg, #0f172a, #1e293b, #0ea5e9, #22c55e);
  background-size: 400% 400%;
  animation: gradientShift 12s ease infinite;

  color: white;
  font-family: Arial;
}

#waveCanvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

#particleCanvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

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