/**
 * CSS Animations for Web Platform
 * GPU-accelerated animations replacing react-native-reanimated
 */

/* Screen Layer - Fade in and slide up animation */
@keyframes screen-fade-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Aurora Background Animations */

@keyframes blob1-move {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(30px, -50px) scale(1.1);
  }
  66% {
    transform: translate(-20px, 20px) scale(0.9);
  }
}

@keyframes blob2-move {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(-40px, 30px) scale(0.9);
  }
  66% {
    transform: translate(25px, -25px) scale(1.15);
  }
}

@keyframes blob3-move {
  0%,
  100% {
    transform: translate(0, 0) scale(1);
  }
  33% {
    transform: translate(20px, -35px) scale(1.05);
  }
  66% {
    transform: translate(-30px, 15px) scale(0.95);
  }
}