/* ============================================================
   AriceGen Landing Page — Animasyonlar
   Scroll reveal + sürekli animasyonlar + micro-interactions
   ============================================================ */

/* === Floating animasyonu (hero görseli) === */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-12px); }
}

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

/* === Pulse glow (CTA butonları) === */
@keyframes pulse-glow {
  0%, 100% { box-shadow: 0 4px 20px rgba(99, 102, 241, 0.3); }
  50% { box-shadow: 0 8px 40px rgba(99, 102, 241, 0.5); }
}

.pulse-glow {
  animation: pulse-glow 3s ease-in-out infinite;
}

/* === Gradient animasyonu (hero başlık) === */
@keyframes gradient-shift {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.animated-gradient {
  background-size: 200% 200%;
  animation: gradient-shift 4s ease infinite;
}

/* === Fade in staggered (kartlar) === */
.stagger-1 { transition-delay: 0.1s; }
.stagger-2 { transition-delay: 0.2s; }
.stagger-3 { transition-delay: 0.3s; }
.stagger-4 { transition-delay: 0.4s; }
.stagger-5 { transition-delay: 0.5s; }
.stagger-6 { transition-delay: 0.6s; }

/* === Spin (güven ikonları) === */
@keyframes gentle-rotate {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* === Scale on hover (özellik kartları) === */
.scale-hover {
  transition: transform var(--transition-medium);
}

.scale-hover:hover {
  transform: scale(1.03);
}