/* Animation Keyframes */

/* Background Animation Keyframes - Removed rotation to prevent conflicts with style.css */

/* Apply fade in to hero */
.hero {
  animation: fadeIn 1s ease-out;
}

/* Staggered fade in for content sections */
.article-content h2, .article-content h3, .article-content h4, 
.article-content p, .article-content ul, .article-content ol,
.stat-card, .feature-card, .highlight-box {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.article-content.active h2, .article-content.active h3, 
.article-content.active h4, .article-content.active p, 
.article-content.active ul, .article-content.active ol,
.article-content.active .stat-card, .article-content.active .feature-card, 
.article-content.active .highlight-box {
  opacity: 1;
  transform: translateY(0);
}

/* Custom scroll behavior */
html {
  scroll-behavior: smooth;
}