html {
  scroll-behavior: smooth;
}

/* Анимации появления из вашего кода */
.animate-in {
  animation: fadeIn 0.7s ease-out forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

.slide-in-from-right-4 {
  animation: slideInRight 0.5s ease-out forwards;
}

@keyframes slideInRight {
  from { opacity: 0; transform: translateX(20px); }
  to { opacity: 1; transform: translateX(0); }
}

.zoom-in-95 {
  animation: zoomIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes zoomIn {
  from { opacity: 0; transform: scale(0.95); }
  to { opacity: 1; transform: scale(1); }
}