// vue/app/pages/Home/index.styl
// Стили исключительно для главной страницы

.hero-section
  margin-top: -2rem
  
  .slide-content
    transition: all 0.5s ease-in-out

.event-card
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1)
  
  &:hover
    .event-image img
      transform: scale(1.05)

// Анимации для карточек мероприятий
@keyframes cardAppear
  from
    opacity: 0
    transform: translateY(30px)
  to
    opacity: 1
    transform: translateY(0)

.event-card
  animation: cardAppear 0.6s ease forwards
  
  &:nth-child(1)
    animation-delay: 0.1s
  &:nth-child(2)
    animation-delay: 0.2s
  &:nth-child(3)
    animation-delay: 0.3s
  &:nth-child(4)
    animation-delay: 0.4s
  &:nth-child(5)
    animation-delay: 0.5s
  &:nth-child(6)
    animation-delay: 0.6s

// Адаптивность для мобильных устройств
@media (max-width: 768px)
  .hero-section
    margin-top: 0
    
  .event-card
    margin-bottom: 1.5rem