/* Additional styles beyond critical CSS (loaded after page render) */

/* Smooth Scrolling */
html {
  scroll-behavior: smooth;
}

/* Gradient Animations */
@keyframes gradientFlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.bg-gradient-animation {
  background-size: 200% 200%;
  animation: gradientFlow 10s ease infinite;
}

/* Glass Morphism Effect */
.glass-effect {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* FAQ Animation */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.faq-item.active .faq-answer {
  max-height: 500px;
}

.faq-item.active .faq-icon {
  transform: rotate(180deg);
}

/* Improved performance classes */
.gpu-accelerate {
  transform: translateZ(0);
  will-change: transform;
}

.lazy-image {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.lazy-image.loaded {
  opacity: 1;
}