/* Canvas Background */
#particles-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: var(--z-particle);
  pointer-events: none;
}

/* Animations for Phase 3 (Buoyancy) */
@keyframes float {
  0% {
    transform: translateY(0) rotate(0deg);
  }
  33% {
    transform: translateY(-10px) rotate(1deg);
  }
  66% {
    transform: translateY(5px) rotate(-1deg);
  }
  100% {
    transform: translateY(0) rotate(0deg);
  }
}

.floating-card {
  animation: float 8s ease-in-out infinite;
}