@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700;900&display=swap');

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Pretendard', sans-serif;
}

.text-gold {
    color: #d4af37;
}
.bg-gold {
    background-color: #d4af37;
}
.bg-yellow {
    background-color: rgb(234 179 8);
}
.text-yellow {
    color:  rgb(234 179 8);
}
.border-gold {
    border-color: #d4af37;
}
.hover-gold:hover {
    color: #d4af37;
}
.border-accent {
    color: #e53e3e;
}
.border-accent {
    border-color: #e53e3e;
}
.text-white {
    color: #ffffff;
}

@keyframes fade-in-up {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
    animation: fade-in-up 0.6s ease-out forwards;
}

/* Progress Bar Animation for Carousel */
@keyframes progress {
    0% { width: 0%; }
    100% { width: 100%; }
}
.carousel-progress {
    animation: progress 4s linear infinite;
}

/* Loading Spinner */
.spinner {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top: 3px solid #ffffff;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 간결한 페이드인 효과 */
.fade-in-section {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-section.is-visible {
    opacity: 1;
    transform: none;
}

/* 히어로 섹션 배경 */
.hero-bg {
    background-image: linear-gradient(rgba(10, 25, 47, 0.85), rgba(10, 25, 47, 0.95)), url('https://images.unsplash.com/photo-1497366216548-37526070297c?ixlib=rb-4.0.3&auto=format&fit=crop&w=2069&q=80');
    background-size: cover;
    background-position: center;
}

/* 버튼 글로우 애니메이션 */
@keyframes glow-blink {
    0%, 100% { box-shadow: 0 0 5px rgba(26, 54, 93, 0.3); }
    50% { box-shadow: 0 0 20px rgba(26, 54, 93, 0.6), 0 0 40px rgba(49, 130, 206, 0.3); }
}
.animate-glow {
    animation: glow-blink 2s ease-in-out infinite;
}

/* 카드 호버 효과 */
.clean-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.clean-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.15);
}

/* 스크롤바 숨김 */
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}