/* Культурный Компас — анимации и утилиты */

@keyframes fadeIn {
  from { opacity: 0; }
  to { 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; }
}

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

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

/* FAQ */
.faq-question { cursor: pointer; transition: color 0.2s ease; }
.faq-question:hover { color: #722F37; }
.faq-question.active { color: #0f2744; }
.faq-question::after {
  content: '+';
  float: right;
  font-size: 1.25rem;
  font-weight: bold;
  transition: transform 0.2s ease;
}
.faq-question.active::after {
  content: '−';
}
.faq-answer { margin-top: 0.5rem; padding-top: 0.5rem; border-top: 1px solid #e8e4df; }

/* Ошибки формы */
.error-message { color: #722F37; font-size: 0.875rem; margin-top: 0.25rem; }