/* ============================================================
   АНИМАЦИИ — минимум, очень плавные
   ============================================================ */

/* Плавное появление снизу */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Появление с масштабом */
@keyframes fadeInScale {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

/* Мягкое мерцание (только для важных элементов) */
@keyframes softGlow {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.85; }
}

/* Классы */
.animate-fade-in-up { animation: fadeInUp 400ms cubic-bezier(0.22, 0.9, 0.36, 1) both; }
.animate-fade-in-scale { animation: fadeInScale 350ms cubic-bezier(0.22, 0.9, 0.36, 1) both; }
.animate-soft-glow { animation: softGlow 3s ease-in-out infinite; }

/* Отключаем ВСЕ анимации для тех, кто предпочитает меньше движения */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    animation: none !important;
  }
}