.wave-stack {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 100px; /* Taller wave container */
  overflow: hidden;
  z-index: 0;
  pointer-events: none;
}

.wave {
  position: absolute;
  bottom: 0;
  width: 200%;
  height: 50%;
  animation: waveScroll 30s linear infinite;
}

.wave-0 { animation-delay: 0s; }
.wave-1 { animation-delay: -5s; }
.wave-2 { animation-delay: -10s; }
.wave-3 { animation-delay: -15s; }

@keyframes waveScroll {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.star-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  pointer-events: none;
  display: block;
}