/* Viasz Infotech — Animations & Keyframes */



@keyframes spin {

  to { transform: rotate(360deg); }

}



@keyframes pulse-dot {

  0%, 100% { opacity: 1; transform: scale(1); }

  50% { opacity: 0.6; transform: scale(1.3); }

}



@keyframes float {

  0%, 100% { transform: translateY(0); }

  50% { transform: translateY(-12px); }

}



@keyframes marquee {

  0% { transform: translateX(0); }

  100% { transform: translateX(-50%); }

}



@keyframes feature-scroll {

  0% { transform: translateX(0); }

  100% { transform: translateX(calc(-50% - 0.75rem)); }

}



@keyframes ripple {

  to { transform: scale(4); opacity: 0; }

}



@keyframes skeleton {

  0% { background-position: 200% 0; }

  100% { background-position: -200% 0; }

}



@keyframes gradient-shift {

  0% { background-position: 0% 50%; }

  50% { background-position: 100% 50%; }

  100% { background-position: 0% 50%; }

}



@keyframes fade-in-up {

  from { opacity: 0; transform: translateY(24px); }

  to { opacity: 1; transform: translateY(0); }

}



@keyframes fade-in {

  from { opacity: 0; }

  to { opacity: 1; }

}



@keyframes scale-in {

  from { opacity: 0; transform: scale(0.9); }

  to { opacity: 1; transform: scale(1); }

}



@keyframes blur-in {

  from { opacity: 0; filter: blur(12px); }

  to { opacity: 1; filter: blur(0); }

}



@keyframes shimmer {

  0% { transform: translateX(-100%); }

  100% { transform: translateX(100%); }

}



/* Animated gradient background */

.animated-gradient {

  background: linear-gradient(-45deg, #6366f1, #8b5cf6, #06b6d4, #6366f1);

  background-size: 400% 400%;

  animation: gradient-shift 12s ease infinite;

}



/* Hero gradient orb */

.gradient-orb {

  position: absolute;

  border-radius: 50%;

  filter: blur(80px);

  opacity: 0.4;

  pointer-events: none;

  animation: float 8s ease-in-out infinite;

}



.gradient-orb.orb-1 {

  width: 500px;

  height: 500px;

  background: rgba(99, 102, 241, 0.3);

  top: -10%;

  right: -5%;

}



.gradient-orb.orb-2 {

  width: 400px;

  height: 400px;

  background: rgba(139, 92, 246, 0.25);

  bottom: 10%;

  left: -10%;

  animation-delay: -3s;

}



.gradient-orb.orb-3 {

  width: 300px;

  height: 300px;

  background: rgba(6, 182, 212, 0.2);

  top: 40%;

  right: 30%;

  animation-delay: -5s;

}



/* GPU-accelerated transforms */

.gpu {

  will-change: transform;

  transform: translateZ(0);

  backface-visibility: hidden;

}



/* Reduced motion */

@media (prefers-reduced-motion: reduce) {

  *, *::before, *::after {

    animation-duration: 0.01ms !important;

    animation-iteration-count: 1 !important;

    transition-duration: 0.01ms !important;

    scroll-behavior: auto !important;

  }



  .reveal, .reveal-left, .reveal-right, .reveal-scale, .reveal-blur {

    opacity: 1;

    transform: none;

    filter: none;

  }



  .marquee-track, .feature-carousel-track {

    animation: none;

  }



  .cursor-glow { display: none; }

}