/**
 * 커스텀 CSS
 * Tailwind CSS로 커버되지 않는 스타일 추가
 */

/* 스무스 스크롤 */
html {
    scroll-behavior: smooth;
}

/* 커스텀 애니메이션 */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in {
    animation: fadeIn 0.6s ease-out;
}

/* 그라데이션 텍스트 애니메이션 */
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.bg-gradient-animate {
    background-size: 200% 200%;
    animation: gradient 3s ease infinite;
}

/* 호버 효과 개선 */
.hover-lift {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-lift:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* 추가 커스텀 스타일은 여기에 작성 */