/* DARK MODE - GUIDE PAGE - ORBITECH AI ACADEMY */

[data-theme="dark"] body {
    background: #0F172A !important;
    color: #E2E8F0 !important;
}

[data-theme="dark"] .main-container {
    background: #0F172A !important;
}

[data-theme="dark"] .navbar {
    background: rgba(15, 23, 42, 0.95) !important;
    backdrop-filter: blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .navbar.scrolled {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .logo span {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .nav-link {
    color: #CBD5E1 !important;
}

[data-theme="dark"] .nav-link:hover {
    color: #FF8989 !important;
}

[data-theme="dark"] .nav-cta {
    color: #FFFFFF !important;
    box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3) !important;
}

[data-theme="dark"] .nav-cta:hover {
    box-shadow: 0 6px 20px rgba(99, 102, 241, 0.5) !important;
}

[data-theme="dark"] .mobile-toggle span {
    background: #F1F5F9 !important;
}

@media (max-width: 768px) {
    [data-theme="dark"] .nav-links {
        background: #0F172A !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5) !important;
    }
}

[data-theme="dark"] .hero {
    background: linear-gradient(135deg, #4338ca 0%, #581c87 100%) !important;
}

[data-theme="dark"] .hero-badge {
    background: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    color: #FFFFFF !important;
}

[data-theme="dark"] .hero-badge span {
    color: #FFFFFF !important;
}

[data-theme="dark"] .hero-title {
    color: #FFFFFF !important;
}

[data-theme="dark"] .hero-subtitle {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] .btn-white {
    background: #FFFFFF !important;
    color: #1a1a2e !important;
}

[data-theme="dark"] .btn-white span {
    color: #1a1a2e !important;
}

[data-theme="dark"] .section {
    background: #0F172A !important;
}

[data-theme="dark"] .section-badge {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    color: #FFFFFF !important;
}

[data-theme="dark"] .section-title {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .section-subtitle {
    color: #94A3B8 !important;
}

[data-theme="dark"] .section-icon {
    color: #FFFFFF !important;
}

[data-theme="dark"] .help-card {
    background: #1E293B !important;
    border: 2px solid rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .help-card:hover {
    background: #334155 !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
}

[data-theme="dark"] .card-icon {
    color: #FFFFFF !important;
}

[data-theme="dark"] .card-title {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .card-description {
    color: #94A3B8 !important;
}

[data-theme="dark"] .card-link {
    color: #A5B4FC !important;
}

[data-theme="dark"] .tutorial-step {
    background: #1E293B !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .step-number {
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important;
    color: #FFFFFF !important;
}

[data-theme="dark"] .step-title {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .step-description {
    color: #94A3B8 !important;
}

[data-theme="dark"] .tip-card {
    background: #1E293B !important;
    border: 2px solid rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .tip-card:hover {
    background: #334155 !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
}

[data-theme="dark"] .tip-icon {
    color: #FFFFFF !important;
}

[data-theme="dark"] .tip-title {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .tip-description {
    color: #94A3B8 !important;
}

[data-theme="dark"] .faq-item {
    background: #1E293B !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .faq-item.active {
    border-color: rgba(99, 102, 241, 0.3) !important;
}

[data-theme="dark"] .faq-question {
    color: #F1F5F9 !important;
    background: transparent !important;
}

[data-theme="dark"] .faq-question:hover {
    background: rgba(51, 65, 85, 0.5) !important;
}

[data-theme="dark"] .faq-icon {
    color: #6366f1 !important;
}

[data-theme="dark"] .faq-answer {
    color: #CBD5E1 !important;
    background: rgba(15, 23, 42, 0.5) !important;
}

[data-theme="dark"] .faq-answer p {
    color: #CBD5E1 !important;
}

[data-theme="dark"] .faq-answer strong {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .contact-section {
    background: linear-gradient(135deg, #0e7490 0%, #4338ca 100%) !important;
}

[data-theme="dark"] .contact-title {
    color: #FFFFFF !important;
}

[data-theme="dark"] .contact-description {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] .contact-item {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .contact-icon {
    background: #FFFFFF !important;
    color: #4338ca !important;
}

[data-theme="dark"] .contact-label {
    color: #FFFFFF !important;
}

[data-theme="dark"] .contact-value {
    color: rgba(255, 255, 255, 0.9) !important;
}

[data-theme="dark"] .btn-contact {
    background: #FFFFFF !important;
    color: #1a1a2e !important;
}

[data-theme="dark"] .btn-contact span {
    color: #1a1a2e !important;
}

[data-theme="dark"] .footer {
    background: #0F172A !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .footer-section h4 {
    color: #F1F5F9 !important;
}

[data-theme="dark"] .footer-links a {
    color: #64748B !important;
}

[data-theme="dark"] .footer-links a:hover {
    color: #A5B4FC !important;
}

[data-theme="dark"] .footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    color: #64748B !important;
}

[data-theme="dark"] .footer-bottom a {
    color: #5DD9D1 !important;
}

[data-theme="dark"] .card {
    background: #1E293B !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}
