/* Кастомные анимации для site9.com */

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

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

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

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

.animate-fade-in { animation: fadeIn 0.5s 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; }

[data-tab-button].active {
  color: #0F2744;
  border-bottom-color: #E67E22;
  border-bottom-width: 2px;
}

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

.error-message { display: block; }