@import "tailwindcss";

/* Custom animations */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fade-in {
  animation: fadeIn 0.7s ease-out forwards;
}

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

/* Custom hover effects */
.feature-card:hover {
  transform: translateY(-8px);
}

.benefit-item:hover {
  transform: translateX(8px);
}

/* Progress bar animation */
.progress-bar {
  transition: width 2s ease-in-out;
}