@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
.page-slide-enter-active { transition: all 0.3s ease-out; }
.page-slide-leave-active { transition: all 0.3s ease-in; }
.page-slide-enter-from { opacity: 0; transform: translateX(30px); }
.page-slide-leave-to { opacity: 0; transform: translateX(-30px); }

// app/temp.styl
// Глобальные стили, которые сложно сделать на Tailwind

// Кастомная полоса прокрутки
::-webkit-scrollbar 
  width: 8px

::-webkit-scrollbar-track 
  background: #f1f1f1

.dark ::-webkit-scrollbar-track 
  background: #374151

::-webkit-scrollbar-thumb 
  background: #cbd5e0
  border-radius: 4px

.dark ::-webkit-scrollbar-thumb 
  background: #4b5563

// Анимации для карточек
.card-hover 
  transition: all 0.3s ease
  
  &:hover 
    transform: translateY(-8px)
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)