/* 다크모드 스타일 - 깔끔한 버전 */
.dark-mode {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 50%, #3a3a3a 100%) !important;
}

.dark-mode .header {
    background: rgba(45, 45, 45, 0.95) !important;
    border-bottom: 1px solid #404040 !important;
}

.dark-mode .hero-title {
    color: #ffffff !important;
}

.dark-mode .hero-description {
    color: #e0e0e0 !important;
}

.dark-mode .nav-link {
    color: #e0e0e0 !important;
}

.dark-mode .nav-link:hover {
    color: #ff69b4 !important;
}

.dark-mode .demo-audio-section {
    background: rgba(45, 45, 45, 0.8) !important;
    border: 1px solid #404040 !important;
}

.dark-mode .demo-title {
    color: #ffffff !important;
}

.dark-mode .demo-description {
    color: #e0e0e0 !important;
}

.dark-mode .stat-item {
    background: rgba(45, 45, 45, 0.8) !important;
    border: 1px solid #404040 !important;
}

.dark-mode .stat-title {
    color: #ffffff !important;
}

.dark-mode .stat-description {
    color: #e0e0e0 !important;
}

.dark-mode .content-item {
    background: rgba(45, 45, 45, 0.8) !important;
    border: 1px solid #404040 !important;
}

.dark-mode .content-item h3 {
    color: #ffffff !important;
}

.dark-mode .content-item p {
    color: #e0e0e0 !important;
}

.dark-mode .notion-item {
    background: rgba(45, 45, 45, 0.8) !important;
    border: 1px solid #404040 !important;
}

.dark-mode .notion-item p {
    color: #e0e0e0 !important;
}

.dark-mode .section-title {
    color: #ffffff !important;
}

.dark-mode .footer {
    background: rgba(45, 45, 45, 0.95) !important;
    border-top: 1px solid #404040 !important;
}

.dark-mode .footer-link {
    color: #e0e0e0 !important;
}

.dark-mode .footer-link:hover {
    color: #ff69b4 !important;
}

.dark-mode .email-input {
    background: rgba(58, 58, 58, 0.8) !important;
    border-color: #404040 !important;
    color: #ffffff !important;
}

.dark-mode .email-input::placeholder {
    color: #b0b0b0 !important;
}

.dark-mode .email-input:focus {
    background: rgba(58, 58, 58, 1) !important;
    border-color: #ff69b4 !important;
}

/* 다크모드 토글 버튼 스타일 */
.dark-mode .theme-toggle {
    background: rgba(58, 58, 58, 0.8) !important;
    border-color: rgba(255, 105, 180, 0.5) !important;
}

.dark-mode .theme-toggle:hover {
    background: rgba(255, 105, 180, 0.2) !important;
    border-color: rgba(255, 105, 180, 0.8) !important;
}

/* 다크모드 햄버거 메뉴 스타일 */
.dark-mode .mobile-menu-toggle {
    color: #e0e0e0 !important;
}

.dark-mode .mobile-menu-toggle:hover {
    background: rgba(255, 105, 180, 0.2) !important;
    color: #ff69b4 !important;
}

/* 다크모드 모바일 메뉴 스타일 */
@media (max-width: 768px) {
    .dark-mode .nav {
        background: rgba(45, 45, 45, 0.98) !important;
        border-top: 1px solid #404040 !important;
        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
    }
    
    .dark-mode .nav-link {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    }
}

/* 다크모드에서 핑크 라인 제거 */
.dark-mode .content-item::before {
    display: none !important;
}

.dark-mode .notion-item::before {
    display: none !important;
}

/* 부드러운 전환 애니메이션 */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}