@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes slide-up {
  from { transform: translateY(20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

.slide-up {
  animation: slide-up 0.5s ease-out forwards;
}

.gradient-text {
  @apply bg-clip-text text-transparent bg-gradient-to-r from-blue-600 to-purple-600;
}

.feature-card {
  @apply transition-all duration-300 hover:-translate-y-2 hover:shadow-lg;
}

.benefit-card {
  @apply transition-all duration-300 hover:scale-105;
}

.nav-link {
  @apply relative hover:text-blue-600 transition-colors;
}

.nav-link::after {
  content: '';
  @apply absolute bottom-0 left-0 w-0 h-0.5 bg-blue-600 transition-all duration-300;
}

.nav-link:hover::after {
  @apply w-full;
}