/* Кастомные анимации для проекта site5.com — Медиаэтика и право */

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeOut {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes grow {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@keyframes slideUp {
  from { transform: translateY(30px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes slideLeft {
  from { transform: translateX(-30px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes slideRight {
  from { transform: translateX(30px); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

.animate-fade-in { animation: fadeIn 0.5s ease-in-out; }
.animate-fade-out { animation: fadeOut 0.5s ease-in-out; }
.animate-grow { animation: grow 0.4s ease-out; }
.animate-slide-up { animation: slideUp 0.5s ease-out; }
.animate-slide-left { animation: slideLeft 0.5s ease-out; }
.animate-slide-right { animation: slideRight 0.5s ease-out; }

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }

/* Табы */
[data-tab-button].active {
  color: #1E3A5F;
  border-bottom-color: #6B7B3C;
  border-bottom-width: 2px;
}

/* FAQ */
.faq-icon.rotate-180 {
  transform: rotate(180deg);
  transition: transform 0.3s ease;
}

.faq-icon {
  transition: transform 0.3s ease;
}