@keyframes move-bg {
  0% { transform: translate(0, 0) rotate(0deg); }
  25% { transform: translate(20px, -30px) rotate(5deg); }
  50% { transform: translate(-10px, 15px) rotate(-10deg); }
  75% { transform: translate(15px, 25px) rotate(8deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}
.aurora-bg {
  animation: move-bg 30s infinite ease-in-out;
}
@keyframes fade-in {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in {
  animation: fade-in 0.3s ease-out forwards;
}