/* ============================================
   DEVMATRIX 화이트 테마 (Windly 스타일)
   - 배경: 화이트
   - 박스: 연한 그레이
   - 포인트 컬러: 블루 계열
   ============================================ */

/* 기본 배경 및 텍스트 색상 오버라이드 */
body {
    background: rgb(245, 245, 245); !important;
    color: #2d3748 !important;
}

/* 네비게이션 바 */
.navbar {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.navbar .company-name {
    color: #000000 !important;
}

.navbar .company-tagline {
    color: #4a5568 !important;
}

.auth-link {
    color: #2d3748 !important;
}

.auth-link:hover {
    color: #3b82f6 !important;
}

.auth-divider {
    color: #cbd5e0 !important;
}

.nav-link {
    color: #2d3748 !important;
    background: transparent !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 6px !important;
    padding: 8px 16px !important;
}

.nav-link:hover,
.nav-link.active {
    color: #3b82f6 !important;
    background: #eff6ff !important;
    border-color: #3b82f6 !important;
}

/* 헤더 섹션 */
.header {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
    border-bottom: 1px solid #bbd7fb;
}

.header-bg {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%) !important;
}

.header-overlay {
    background: rgba(255, 255, 255, 0.1) !important;
}

.main-title {
    color: #000000 !important;
    font-weight: 700 !important;
}

.subtitle {
    color: #2d3748 !important;
    font-weight: 500 !important;
}

/* 메인 콘텐츠 */
.main-content {
    background: rgb(245, 245, 245); !important;
}

.container {
    background: transparent !important;
}

/* 탭 네비게이션 */
.tab-nav {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.tab-button {
    color: #4b5563 !important;
    background: #f3f4f6 !important;
    border: 1px solid #e5e7eb !important;
}

.tab-button:hover {
    color: #3b82f6 !important;
    background: #eff6ff !important;
    border-color: #bfdbfe !important;
}

.tab-button.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    border-color: #3b82f6 !important;
}

.tab-scroll-btn {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #4b5563 !important;
    border: 1px solid #e5e7eb !important;
}

.tab-scroll-btn:hover {
    background: #ffffff !important;
    color: #3b82f6 !important;
}

/* 프로그램 카드 */
.program-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
}

.card-header {
    /* background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%) !important; */
    border-bottom: 1px solid #e5e7eb !important;
}

.card-icon {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

.card-title h2 {
    color: #1f2937 !important;
}

.version {
    background: #3b82f6 !important;
    color: #ffffff !important;
}

.card-body {
    background: #ffffff !important;
}

/* 프로그램 소개 섹션 (Clean Design) */
.program-intro-clean {
    background: transparent !important;
}

.program-intro-clean .intro-header h3,
.program-intro-clean .intro-header h2 {
    color: #000000 !important;
    font-weight: 700 !important;
}

.program-intro-clean .intro-content p {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

.program-intro-clean .intro-content strong {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* 섹션 헤더 */
.section-header h3,
.section-header h2,
.section-header h4 {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* 기능 섹션 */
.features-section-clean {
    background: transparent !important;
}
/*
.feature-box {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 20px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.feature-box:hover {
    background: #f9fafb !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.15) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}
*/

.feature-title {
    color: #000000 !important;
    font-weight: 700 !important;
}

.feature-list li {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

.feature-note {
    color: #4a5568 !important;
    font-weight: 500 !important;
    background: #f3f4f6 !important;
    border-left: 3px solid #3b82f6 !important;
}

/* 추천 대상 섹션 */
.recommend-section-clean {
    background: transparent !important;
}

/*
.recommend-card-clean {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 20px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.recommend-card-clean:hover {
    background: #f9fafb !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.15) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}
*/

.recommend-title {
    color: #000000 !important;
    font-weight: 700 !important;
}

.recommend-list li {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

/* 데이터 섹션 */
.data-section-clean {
    background: transparent !important;
}

.data-grid-clean {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 25px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.data-item-clean {
    border-bottom: 1px solid #e5e7eb !important;
    padding: 12px 0 !important;
}

.data-item-clean:last-child {
    border-bottom: none !important;
}

.data-label {
    color: #4a5568 !important;
    font-weight: 600 !important;
}

.data-value {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

.data-category-clean {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 10px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

.data-category-clean h4 {
    color: #000000 !important;
    font-weight: 700 !important;
}

.data-category-clean p {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

/* 요약 섹션 */
.summary-section-clean {
    background: transparent !important;
}

.summary-content p {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

.summary-content strong {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* FAQ 섹션 */
.faq-section {
    background: transparent !important;
}

.faq-section h3 {
    color: #000000 !important;
    font-weight: 700 !important;
}

.faq-item {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.faq-item:hover {
    background: #f3f4f6 !important;
    border-color: #3b82f6 !important;
}

.faq-question {
    color: #000000 !important;
    font-weight: 600 !important;
}

.faq-question i {
    color: #3b82f6 !important;
}

.faq-answer {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

.faq-answer strong {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* 프로그램 미리보기 */
.program-preview {
    background: transparent !important;
}

.program-preview h3 {
    color: #000000 !important;
    font-weight: 700 !important;
}

.preview-item {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
    text-decoration-line:none;
}

.preview-item:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.15) !important;
}

.preview-caption {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #2d3748 !important;
    font-weight: 500 !important;
}

/* 상세 페이지 링크 섹션 */
.detail-link-section {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.05) 0%, rgba(37, 99, 235, 0.05) 100%) !important;
    border: 2px solid rgba(59, 130, 246, 0.2) !important;
}

.detail-link-section p {
    color: #3b82f6 !important;
}

.detail-link-section a {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

.detail-link-section a:hover {
    box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3) !important;
}

/* 가격 정보 */
.purchase-info {
    background: transparent !important;
}

.price-options-title {
    color: #000000 !important;
    font-weight: 700 !important;
}

.price-card {
    background: #f9fafb !important;
    border: 2px solid #e5e7eb !important;
}

.price-card:hover {
    border-color: #3b82f6 !important;
    background: #eff6ff !important;
    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.15) !important;
}

.price-card.selected {
    border-color: #3b82f6 !important;
    background: #eff6ff !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25) !important;
}

.period-badge {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 0.4rem;
}

.price-amount {
    color: #000000 !important;
    font-weight: 700 !important;
}

.price-per-month {
    color: #4a5568 !important;
    font-weight: 500 !important;
}

.discount-badge {
    background: #dc2626 !important;
    color: #ffffff !important;
}

.recommended-badge {
    background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%) !important;
    color: #ffffff !important;
}

.price-original {
    color: #9ca3af !important;
}

/* 버튼 그룹 컨테이너 - 강제 우측 정렬 */
.action-btn-group {
    display: flex !important;           /* flex 모드 강제 */
    justify-content: flex-end !important; /* 우측 정렬 강제 */
    align-items: center;
    gap: 8px;                           /* 버튼 사이 간격 */
    width: 100% !important;             /* 가로 꽉 채우기 */
    flex-wrap: wrap;                    /* 화면 좁으면 줄바꿈 */
    margin-left: auto !important;       /* 혹시 모를 여백 제거 */
}

/* 버튼 공통 스타일 유지 */
.action-btn-group button {
    white-space: nowrap;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    border: none !important;
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 600;
    transition: all 0.25s ease;
    min-width:100px;
}

/* 공통 버튼 스타일 */
.purchase-btn,
.kmong-btn,
.kakao-btn,
.trial-btn {
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px;
    padding: 10px 18px;
    font-weight: 600;
    transition: all 0.25s ease;
    text-decoration: none; /* a 태그일 경우 대비 */
    cursor:pointer;
}

/* --- 그라데이션 및 호버 스타일 (기존 코드 유지) --- */

.purchase-btn { background: linear-gradient(94deg, rgb(101, 160, 255) 2.21%, rgb(54, 128, 247) 64.07%, rgb(96, 157, 255) 75.07%, rgb(54, 128, 247) 87.23%) !important; }
.kmong-btn { background: linear-gradient(94deg, rgb(46, 204, 113) 2.21%, rgb(39, 174, 96) 64.07%, rgb(88, 214, 141) 75.07%, rgb(39, 174, 96) 87.23%) !important; }
.kakao-btn {
    background: linear-gradient(94deg, rgb(255, 224, 102) 2.21%, rgb(255, 193, 7) 64.07%, rgb(255, 214, 51) 75.07%, rgb(255, 193, 7) 87.23%) !important;
    color: #3a1d1d !important;
}

.purchase-btn:hover, .kmong-btn:hover, .kakao-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0,0,0,0.18) !important;
    opacity: 0.9;
}

/* 모달 */
.modal {
    background: rgba(0, 0, 0, 0.5) !important;
}

.modal-content {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important;
}

.modal-header {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    border-bottom: 1px solid #e5e7eb !important;
}

.modal-header h2 {
    color: #FFFFFF !important;
    font-weight: 700 !important;
}

.close-modal {
    color: #4a5568 !important;
}

.close-modal:hover {
    color: #000000 !important;
}

.modal-body {
    background: #ffffff !important;
}

.form-group label {
    color: #2d3748 !important;
    font-weight: 600 !important;
}

.form-input {
    background: #f9fafb !important;
    border: 1px solid #d1d5db !important;
    color: #2d3748 !important;
}

.form-input:focus {
    background: #ffffff !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

.primary-btn {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

.primary-btn:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}

.secondary-btn {
    background: #f3f4f6 !important;
    color: #4b5563 !important;
    border: 1px solid #d1d5db !important;
}

.secondary-btn:hover {
    background: #e5e7eb !important;
}

/* Value 섹션 (서비스소개) */
.value-card {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
    border-radius: 12px !important;
    padding: 30px !important;
}

.value-card:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 6px 12px rgba(59, 130, 246, 0.2) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}

.value-icon {
    width: 60px !important;
    height: 60px !important;
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 28px !important;
    margin: 0 auto 20px !important;
}

.value-icon i {
    color: #3b82f6 !important;
}

.value-card h3 {
    color: #000000 !important;
    font-weight: 700 !important;
}

.value-card p {
    color: #2d3748 !important;
    font-weight: 400 !important;
}
.feature-card {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
    border-radius: 12px !important;
    padding: 30px !important;
}

.feature-card:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 6px 12px rgba(59, 130, 246, 0.2) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}
/* CTA 섹션 */
.cta-section {
    background: linear-gradient(135deg, #dce7f5 0%, #add0ff 100%) !important;
    border: 1px solid #bfdbfe !important;
}

.cta-title {
    color: #000000 !important;
    font-weight: 700 !important;
}

.cta-description {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

.cta-btn {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

.cta-btn:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4) !important;
}

/* 성공 사례 */
.case-card {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

.case-card:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 6px 12px rgba(59, 130, 246, 0.2) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}

.case-card h3 {
    color: #000000 !important;
    font-weight: 700 !important;
}

.case-card p {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

.highlight {
    color: #3b82f6 !important;
    font-weight: 600 !important;
}

/* 푸터 */
footer {
    background: #FFFFFF !important;
    border-top: 1px solid #e5e7eb !important;
    color: #6b7280 !important;
}

footer a {
    color: #4b5563 !important;
}

footer a:hover {
    color: #3b82f6 !important;
}

/* Breadcrumb */
.breadcrumb-nav,
nav[aria-label="breadcrumb"] {
    background: #f9fafb !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.breadcrumb-link,
nav[aria-label="breadcrumb"] a {
    color: #3b82f6 !important;
}

.breadcrumb-link:hover,
nav[aria-label="breadcrumb"] a:hover {
    color: #2563eb !important;
}

.breadcrumb-separator {
    color: #9ca3af !important;
}

.breadcrumb-current,
nav[aria-label="breadcrumb"] span[itemprop="name"] {
    color: #1f2937 !important;
}

/* 마이페이지 */
.mypage-container {
    background: #f9fafb !important;
}

.mypage-card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

.mypage-header {
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%) !important;
    border-bottom: 1px solid #e5e7eb !important;
}

.mypage-header h2 {
    color: #000000 !important;
    font-weight: 700 !important;
}

.info-label {
    color: #4a5568 !important;
    font-weight: 600 !important;
}

.info-value {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

.history-item {
    background: #f9fafb !important;
    border: 1px solid #e5e7eb !important;
}

.history-item:hover {
    background: #f3f4f6 !important;
}

.status-badge {
    background: #3b82f6 !important;
    color: #ffffff !important;
}

.status-badge.pending {
    background: #0099b1 !important;
}

.status-badge.completed {
    background: #10b981 !important;
}

.download-btn {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

.download-btn:hover {
    background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%) !important;
}

/* 스크롤바 */
::-webkit-scrollbar {
    background: #f3f4f6 !important;
}

::-webkit-scrollbar-thumb {
    background: #d1d5db !important;
}

::-webkit-scrollbar-thumb:hover {
    background: #9ca3af !important;
}

/* 선택 영역 */
::selection {
    background: #bfdbfe !important;
    color: #1f2937 !important;
}

/* 로딩 애니메이션 */
.loading {
    color: #3b82f6 !important;
}

/* 에러 메시지 */
.error-message {
    background: #fef2f2 !important;
    border: 1px solid #fecaca !important;
    color: #991b1b !important;
}

/* 성공 메시지 */
.success-message {
    background: #f0fdf4 !important;
    border: 1px solid #bbf7d0 !important;
    color: #166534 !important;
}

/* 경고 메시지 */
.warning-message {
    background: #fffbeb !important;
    border: 1px solid #fde68a !important;
    color: #92400e !important;
}

/* 입력 필드 플레이스홀더 */
.form-input::placeholder {
    color: #9ca3af !important;
}

/* 체크박스 */
input[type="checkbox"]:checked {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
}

/* 라디오 버튼 */
input[type="radio"]:checked {
    background: #3b82f6 !important;
    border-color: #3b82f6 !important;
}

/* 링크 */
a {
    color: #3b82f6 !important;
}

a:hover {
    color: #2563eb !important;
}

/* 뱃지 */
.badge {
    background: #3b82f6 !important;
    color: #ffffff !important;
}

/* 테이블 */
table {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

thead {
    background: #f3f4f6 !important;
}

thead th {
    color: #000000 !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #e5e7eb !important;
}

tbody tr {
    border-bottom: 1px solid #e5e7eb !important;
}

tbody tr:hover {
    background: #f9fafb !important;
}

tbody td {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

/* SweetAlert2 커스터마이징 */
.swal2-popup {
    background: #ffffff !important;
    color: #2d3748 !important;
    border: 1px solid #e5e7eb !important;
}

.swal2-title {
    color: #000000 !important;
    font-weight: 700 !important;
}

.swal2-content {
    color: #2d3748 !important;
    font-weight: 400 !important;
}

.swal2-confirm {
    background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%) !important;
}

.swal2-cancel {
    background: #f3f4f6 !important;
    color: #4b5563 !important;
    border: 1px solid #d1d5db !important;
}

.modal-close:hover {
    background: #FFFFFF !important;
    color: #ff3b30;
    transform: rotate(90deg);
}

/* 원래 없던 박스 제거 - 프로그램 소개 섹션 내부 박스 */
.program-intro-clean .intro-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 원래 없던 박스 제거 - 설명 항목들 */
.program-intro-clean p {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin-bottom: 15px !important;
}

/* 원래 없던 박스 제거 - 섹션 헤더 */
.section-header {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 원래 없던 박스 제거 - 요약 섹션 */
.summary-section-clean .summary-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 원래 없던 박스 제거 - 프로그램 소개 헤더 */
.program-intro-clean .intro-header {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* 모든 섹션 타이틀 강조 */
h1, h2, h3, h4, h5, h6 {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* 일반 텍스트 */
p, li, div {
    color: #2d3748 !important;
}

/* Strong 태그 */
strong, b {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* 서비스 소개 페이지 섹션 타이틀 */
.section-title {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* 가격 섹션 타이틀 */
.price-title,
.pricing-title {
    color: #000000 !important;
    font-weight: 700 !important;
}

/* 서비스 소개 - 주요 기능 카드 (자동화 수집, 스마트 필터링 등) */
.feature-grid .feature-item,
.features-grid .feature-item {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

.feature-grid .feature-item:hover,
.features-grid .feature-item:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 6px 12px rgba(59, 130, 246, 0.2) !important;
    transform: translateY(-2px) !important;
    transition: all 0.3s ease !important;
}

/* 프로세스/단계 카드 */
.process-step,
.step-card {
    background: #ffffff !important;
    border: 2px solid #e5e7eb !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

.process-step:hover,
.step-card:hover {
    border-color: #3b82f6 !important;
    box-shadow: 0 6px 12px rgba(59, 130, 246, 0.2) !important;
}

.price-original {
    text-decoration: line-through;
    color: #a7abab !important;
    font-size: 2rem !important;
    margin-bottom: -17px !important;
}

/* 반응형 - 모바일 */
@media (max-width: 768px) {
    .tab-nav {
        background: #ffffff !important;
    }

    .modal-content {
        background: #ffffff !important;
    }
}

/* 다크모드 비활성화 (화이트 테마 강제) */
@media (prefers-color-scheme: dark) {
    body {
        background: #ffffff !important;
        color: #2d3748 !important;
    }

    h1, h2, h3, h4, h5, h6 {
        color: #000000 !important;
    }
}

.detail-label {
    color: #0202a1 !important;
}

.detail-value {
    color: #333333 !important;
}

.bank-label {
    color: #0202a1 !important;
}

.bank-value {
    color: #333333 !important;
}


.payment-notice {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 1.2rem;
    background: rgb(216 218 245);
    border-left: 4px solid #5468e5;
    border-radius: 10px;
}
.payment-notice i {
    font-size: 1.5rem;
    color: #5468e5;
    flex-shrink: 0;
}

.payment-notice p {
    color: #d0d0e0;
    margin: 0;
    line-height: 1.6;
}

.payment-notice strong {
    color: #f59e0b;
    font-weight: 600;
}

.user-email-section span {
    color: #696969 !important;
}

.footer-logo span {
    color: #000000 !important;
}