:root {
    --primary: #ec4899;
    --primary-dark: #db2777;
}

body {
    font-family: 'Inter', sans-serif;
}

/* Анимации */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

.loading {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Адаптивность */
@media (max-width: 768px) {
    .hero-text {
        font-size: 2rem;
    }
}




/* Стили для мобильного меню */
#mobile-menu {
  transition: transform 0.3s ease;
}

#mobile-menu.hidden {
  display: none;
}

/* Адаптивные стили */
@media (max-width: 767px) {
  .hero h1 {
    font-size: 2rem;
  }

  .hero p {
    font-size: 1.1rem;
  }

  .grid-cols-2 {
    grid-template-columns: 1fr;
  }

  .grid-cols-3 {
    grid-template-columns: 1fr;
  }

  .grid-cols-4 {
    grid-template-columns: 1fr;
  }
}