/* 페이드 인 */
.fade-in {
  animation: fadeIn 1s ease-in forwards;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* 슬라이드 업 */
.slide-up {
  animation: slideUp 0.8s ease-out forwards;
}

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

/* 버튼 호버 효과 */
.button-hover {
  transition: transform 0.2s ease;
}
.button-hover:hover {
  transform: scale(1.05);
}

@media (prefers-reduced-motion: reduce) {
  .fade-in,
  .slide-up {
    animation: none !important;
  }
  .button-hover {
    transition: none !important;
  }
}