@keyframes float-1 {
  0%, 100% { transform: translateY(0px) rotate(-2deg); }
  50% { transform: translateY(-18px) rotate(2deg); }
}
@keyframes float-2 {
  0%, 100% { transform: translateY(0px) rotate(2deg); }
  50% { transform: translateY(-14px) rotate(-2deg); }
}
@keyframes float-3 {
  0%, 100% { transform: translateY(0px) rotate(1deg); }
  50% { transform: translateY(-20px) rotate(-3deg); }
}
@keyframes float-4 {
  0%, 100% { transform: translateY(0px) rotate(-1deg); }
  50% { transform: translateY(-12px) rotate(3deg); }
}
@keyframes twinkle {
  0%, 100% { opacity: 0.3; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.3); }
}
@keyframes glow-pulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.8; }
}
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-float-1 { animation: float-1 5s ease-in-out infinite; }
.animate-float-2 { animation: float-2 6s ease-in-out infinite 0.5s; }
.animate-float-3 { animation: float-3 5.5s ease-in-out infinite 1s; }
.animate-float-4 { animation: float-4 6.5s ease-in-out infinite 1.5s; }
.animate-twinkle { animation: twinkle 3s ease-in-out infinite; }
.animate-glow-pulse { animation: glow-pulse 4s ease-in-out infinite; }
.animate-marquee { animation: marquee 15s linear infinite; }

.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
.scrollbar-hide::-webkit-scrollbar { display: none; }

@keyframes bounce-x {
  0%, 100% { transform: translateX(0); }
  50% { transform: translateX(4px); }
}
.animate-bounce-x { animation: bounce-x 1.5s ease-in-out infinite; }