/* ===================================================
   ✅ v3.45.0: 히어로 섹션 텍스트 50배 확대 + 흰색 전환
   - 텍스트 크기: 2rem (0.04rem × 50 = 2rem, 32px)
   - 텍스트 색상: 흰색 (황금색 제거)
   - 텍스트 위치: 중앙 정렬
   - 배경 애니메이션: 제거
   - 버튼: 순수 흰색 + 진한 그림자
   =================================================== */

/* 히어로 섹션 자체의 애니메이션 제거 + 상단 여백 제거 */
.hero {
    animation: none !important;
    transition: none !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 히어로 섹션 내 모든 텍스트 요소: 50배 확대 (2rem) + 중앙 정렬 + 흰색 */
.hero .hero-title,
.hero .hero-subtitle,
.hero .hero-description,
.hero h1,
.hero h2,
.hero p:not(.btn):not([class*="button"]) {
    font-size: 2rem !important; /* 0.04rem × 50 = 2rem (32px, 50배 확대) */
    transform: scale(1) !important;
    transform-origin: center !important;
    opacity: 1 !important;
    animation: none !important;
    transition: none !important;
    text-align: center !important;
    color: #ffffff !important; /* 흰색 (황금색 제거) */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    line-height: 1.6 !important;
    margin: 15px auto !important;
    max-width: 1000px !important;
    font-weight: 600 !important;
}

/* 히어로 섹션 내 span, div 텍스트: 50배 확대 (2rem) + 중앙 정렬 + 흰색 */
.hero span:not(.btn *):not([class*="button"] *),
.hero div.hero-content p {
    font-size: 2rem !important; /* 0.04rem × 50 = 2rem (32px, 50배 확대) */
    transform: scale(1) !important;
    opacity: 1 !important;
    animation: none !important;
    transition: none !important;
    text-align: center !important;
    color: #ffffff !important; /* 흰색 (황금색 제거) */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8) !important;
    line-height: 1.6 !important;
    font-weight: 600 !important;
}

/* 히어로 버튼은 적정 크기 (3.34rem ÷ 1.5 = 2.23rem) + 가로 한 줄 배치 + 순수 흰색 */
.hero .hero-buttons {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    gap: 25px !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    overflow-x: auto !important;
}

.hero .hero-buttons .btn {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-size: 2.23rem !important;
    padding: 23px 47px !important;
    transform: scale(1) !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    white-space: normal !important;
    text-align: center !important;
    line-height: 1.2 !important;
    min-width: auto !important;
    flex-shrink: 0 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) !important;
}

.hero .hero-buttons .btn:hover {
    color: #ffffff !important;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.7) !important;
    transform: translateY(-3px) scale(1.03) !important;
    filter: brightness(1.1) !important;
}