/* =======================================================
   VICTORY FLUENT FORUM — PREMIUM LIGHT MODE STYLESHEET
   World-class EdTech design (Unacademy/Byju's level)
   ======================================================= */

@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600&display=swap');

/* ── CSS Variables Override for Light Mode ─────────────── */
:root,
[data-theme="light"] {
    --lp-navy:       #0F172A;
    --lp-navy-mid:   #1E3A5F;
    --lp-gold:       #F59E0B;
    --lp-gold-light: #FACC15;
    --lp-gold-dark:  #D97706;
    --lp-rose:       #F43F5E;
    --lp-white:      #FFFFFF;
    --lp-off-white:  #F8FAFC;
    --lp-slate:      #64748B;
    --lp-border:     rgba(15,23,42,0.08);
    --lp-shadow-sm:  0 1px 3px rgba(15,23,42,0.08), 0 1px 2px rgba(15,23,42,0.04);
    --lp-shadow-md:  0 4px 16px rgba(15,23,42,0.10), 0 2px 6px rgba(15,23,42,0.06);
    --lp-shadow-lg:  0 20px 40px rgba(15,23,42,0.12), 0 8px 16px rgba(15,23,42,0.06);
    --lp-shadow-xl:  0 32px 64px rgba(15,23,42,0.15);
    --lp-gold-glow:  0 8px 32px rgba(245,158,11,0.25);
}

/* ── Body & Base ───────────────────────────────────────── */
[data-theme="light"] body {
    background: var(--lp-white);
    color: var(--lp-navy);
    font-family: 'Inter', 'Open Sans', sans-serif;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5 {
    font-family: 'Outfit', 'Montserrat', sans-serif;
    color: var(--lp-navy);
    font-weight: 700;
    letter-spacing: -0.02em;
}

/* ── Navbar — Clean Frosted Glass ──────────────────────── */
[data-theme="light"] .navbar {
    background: rgba(255,255,255,0.92) !important;
    border-bottom: 1px solid var(--lp-border) !important;
    box-shadow: 0 1px 0 rgba(15,23,42,0.06), 0 4px 24px rgba(15,23,42,0.05) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

[data-theme="light"] .navbar.scrolled {
    background: rgba(255,255,255,0.97) !important;
    box-shadow: 0 2px 32px rgba(15,23,42,0.10) !important;
}

[data-theme="light"] .nav-link {
    color: #334155;
    font-weight: 500;
    font-size: 0.9rem;
    letter-spacing: 0.01em;
    transition: color 0.2s;
}

[data-theme="light"] .nav-link:hover {
    color: var(--lp-navy);
    text-shadow: none;
}

/* ── Hero — Vibrant Premium ────────────────────────────── */
[data-theme="light"] .hero {
    background: linear-gradient(135deg, #EEF2FF 0%, #FAFBFF 40%, #FFF7ED 100%) !important;
    position: relative;
    overflow: hidden;
}

[data-theme="light"] .hero::before {
    content: '';
    position: absolute;
    top: -200px; right: -200px;
    width: 600px; height: 600px;
    background: radial-gradient(circle, rgba(245,158,11,0.12) 0%, transparent 70%);
    pointer-events: none;
}

[data-theme="light"] .hero::after {
    content: '';
    position: absolute;
    bottom: -150px; left: -150px;
    width: 500px; height: 500px;
    background: radial-gradient(circle, rgba(99,102,241,0.10) 0%, transparent 70%);
    pointer-events: none;
}

[data-theme="light"] .hero-bg-overlay {
    background: linear-gradient(160deg, rgba(238,242,255,0.3) 0%, rgba(255,255,255,0.1) 100%) !important;
}

[data-theme="light"] .hero-title {
    color: var(--lp-navy) !important;
    font-family: 'Outfit', sans-serif;
    font-weight: 900;
    font-size: clamp(2.4rem, 5vw, 4rem);
    letter-spacing: -0.03em;
    line-height: 1.1;
    text-shadow: none !important;
}

[data-theme="light"] .hero-title .gold-text {
    background: linear-gradient(135deg, var(--lp-gold) 0%, var(--lp-gold-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="light"] .hero-subtitle {
    color: #475569 !important;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.7;
    text-shadow: none !important;
}

/* ── Launchpad Badge ──────────────────────────────────── */
[data-theme="light"] .launchpad-badge {
    background: rgba(255,255,255,0.9);
    border: 1px solid rgba(245,158,11,0.3);
    color: var(--lp-navy);
    box-shadow: var(--lp-shadow-md);
    backdrop-filter: blur(10px);
}

/* ── Stats Bar ─────────────────────────────────────────── */
[data-theme="light"] .stats-container {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: var(--lp-shadow-lg) !important;
    border-radius: 20px;
}

[data-theme="light"] .stat-number {
    font-family: 'Outfit', sans-serif;
    font-weight: 800;
    font-size: 2.2rem;
    background: linear-gradient(135deg, var(--lp-gold) 0%, var(--lp-gold-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="light"] .stat-item p {
    color: #475569;
    font-weight: 500;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[data-theme="light"] .stat-item + .stat-item {
    border-left: 1px solid var(--lp-border);
}

/* ── Section Titles ────────────────────────────────────── */
[data-theme="light"] .section-title {
    font-family: 'Outfit', sans-serif;
    font-weight: 800;
    color: var(--lp-navy);
    font-size: clamp(1.8rem, 3.5vw, 2.6rem);
    letter-spacing: -0.025em;
}

[data-theme="light"] .section-title .gold-text {
    background: linear-gradient(135deg, var(--lp-gold) 0%, var(--lp-gold-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="light"] .section-subtitle {
    color: #64748B !important;
    font-size: 1.05rem;
    line-height: 1.7;
}

/* ── Glass Cards — Premium Elevation ──────────────────── */
[data-theme="light"] .glass {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: var(--lp-shadow-md) !important;
    backdrop-filter: none;
}

[data-theme="light"] .glass:hover {
    box-shadow: var(--lp-shadow-lg) !important;
    border-color: rgba(245,158,11,0.35) !important;
    transform: translateY(-4px);
}

/* ── Feature Cards ─────────────────────────────────────── */
[data-theme="light"] .feature-card,
[data-theme="light"] .feature-card-box {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: var(--lp-shadow-sm) !important;
    border-radius: 20px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-theme="light"] .feature-card:hover,
[data-theme="light"] .feature-card-box:hover {
    box-shadow: var(--lp-shadow-lg) !important;
    border-color: rgba(245,158,11,0.3) !important;
    transform: translateY(-6px);
}

[data-theme="light"] .feature-card h3,
[data-theme="light"] .feature-card-box h3 {
    color: var(--lp-navy);
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

[data-theme="light"] .feature-card p,
[data-theme="light"] .feature-card-box .card-desc {
    color: #475569;
    line-height: 1.7;
}

[data-theme="light"] .card-icon {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

/* ── Why Choose Us section — Fix dark hardcoded bg ──────── */
[data-theme="light"] #why-choose-us {
    background: linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 100%) !important;
}

[data-theme="light"] .what-you-get-list li {
    color: #475569;
}

[data-theme="light"] .what-you-get-list li::before {
    color: var(--lp-gold);
}

/* ── Program Flip Cards ────────────────────────────────── */
[data-theme="light"] .flip-card-front {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: var(--lp-shadow-md) !important;
}

[data-theme="light"] .flip-card-back {
    background: linear-gradient(145deg, #0F172A 0%, #1E3A5F 100%) !important;
    border-color: var(--lp-gold) !important;
}

[data-theme="light"] .program-card h3 {
    color: var(--lp-navy);
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

[data-theme="light"] .program-card p {
    color: #475569;
}

[data-theme="light"] .icon-box {
    background: linear-gradient(135deg, #FEF3C7 0%, #FDE68A 100%);
    color: var(--lp-gold-dark);
    box-shadow: 0 4px 12px rgba(245,158,11,0.2);
}

/* ── Pricing Cards ─────────────────────────────────────── */
[data-theme="light"] .pricing-card {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: var(--lp-shadow-md) !important;
    border-radius: 24px;
    transition: all 0.3s ease;
}

[data-theme="light"] .pricing-card:hover {
    box-shadow: var(--lp-shadow-xl) !important;
    border-color: rgba(245,158,11,0.3) !important;
    transform: translateY(-8px);
}

[data-theme="light"] .pricing-card h3 {
    color: var(--lp-navy);
    font-family: 'Outfit', sans-serif;
    font-weight: 800;
    font-size: 1.4rem;
}

[data-theme="light"] .offer-price {
    font-family: 'Outfit', sans-serif;
    font-weight: 900;
    font-size: 2.8rem;
    background: linear-gradient(135deg, var(--lp-gold) 0%, var(--lp-gold-dark) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="light"] .original-price {
    color: #94A3B8;
    text-decoration: line-through;
}

[data-theme="light"] .discount-label {
    background: linear-gradient(135deg, var(--lp-rose) 0%, #FB7185 100%);
    color: white;
    font-weight: 700;
    font-size: 0.75rem;
    padding: 3px 10px;
    border-radius: 50px;
}

[data-theme="light"] .popular-badge {
    background: linear-gradient(135deg, var(--lp-gold) 0%, var(--lp-gold-dark) 100%);
    color: white;
    font-weight: 700;
    font-size: 0.75rem;
    border-radius: 50px;
    padding: 4px 14px;
}

[data-theme="light"] .features-list li {
    color: #334155;
    font-weight: 500;
}

[data-theme="light"] .features-list li i {
    color: var(--lp-gold);
}

/* ── CTA Buttons — Vibrant & Lift ──────────────────────── */
[data-theme="light"] .btn-primary {
    background: linear-gradient(135deg, var(--lp-gold) 0%, var(--lp-gold-dark) 100%);
    color: #0F172A;
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
    border: none;
    box-shadow: 0 4px 14px rgba(245,158,11,0.4);
    letter-spacing: 0.02em;
    transition: all 0.25s ease;
}

[data-theme="light"] .btn-primary:hover {
    background: linear-gradient(135deg, #FBBF24 0%, #F59E0B 100%);
    box-shadow: 0 8px 24px rgba(245,158,11,0.5);
    transform: translateY(-2px);
}

[data-theme="light"] .highlight-btn {
    box-shadow: 0 6px 20px rgba(245,158,11,0.35);
}

/* ── Testimonial Cards ─────────────────────────────────── */
[data-theme="light"] .student-card {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: var(--lp-shadow-md) !important;
}

[data-theme="light"] .quote {
    color: #334155;
    font-style: italic;
    line-height: 1.7;
}

[data-theme="light"] .student-name {
    color: var(--lp-navy);
    font-weight: 700;
}

[data-theme="light"] .stars-mini i {
    color: var(--lp-gold);
}

[data-theme="light"] .carousel-btn {
    background: var(--lp-white);
    color: var(--lp-gold-dark);
    border: 1px solid var(--lp-border);
    box-shadow: var(--lp-shadow-sm);
}

[data-theme="light"] .carousel-btn:hover {
    background: var(--lp-gold);
    color: white;
    border-color: var(--lp-gold);
}

/* ── Blog Cards ────────────────────────────────────────── */
[data-theme="light"] .blog-card,
[data-theme="light"] .blog-list-card {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: var(--lp-shadow-sm) !important;
    border-radius: 20px;
    transition: all 0.3s ease;
}

[data-theme="light"] .blog-card:hover,
[data-theme="light"] .blog-list-card:hover {
    box-shadow: var(--lp-shadow-lg) !important;
    border-color: rgba(245,158,11,0.3) !important;
    transform: translateY(-5px);
}

[data-theme="light"] .blog-title {
    color: var(--lp-navy);
    font-family: 'Outfit', sans-serif;
    font-weight: 700;
}

[data-theme="light"] .blog-excerpt {
    color: #475569;
    line-height: 1.7;
}

[data-theme="light"] .blog-meta {
    color: #94A3B8;
    font-size: 0.85rem;
}

[data-theme="light"] .blog-category {
    background: linear-gradient(135deg, #FEF3C7, #FDE68A);
    color: #92400E;
    font-weight: 600;
    font-size: 0.75rem;
    border-radius: 50px;
    padding: 3px 12px;
}

[data-theme="light"] .blog-btn {
    color: var(--lp-gold-dark);
    font-weight: 600;
}

/* ── Recognition Card ──────────────────────────────────── */
[data-theme="light"] .recognition-card {
    background: linear-gradient(145deg, #FFFFFF 0%, #FFFBEB 100%) !important;
    border: 1px solid rgba(245,158,11,0.2) !important;
    box-shadow: var(--lp-shadow-md) !important;
}

[data-theme="light"] .recognition-content h3 {
    color: var(--lp-navy);
    font-family: 'Outfit', sans-serif;
    font-weight: 800;
}

[data-theme="light"] .recognition-desc {
    color: #475569;
}

[data-theme="light"] .recognition-icon i {
    color: var(--lp-gold);
}

[data-theme="light"] .status-badge {
    background: linear-gradient(135deg, #D1FAE5, #A7F3D0);
    color: #065F46;
    font-weight: 700;
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 0.85rem;
}

/* ── Mission Section ───────────────────────────────────── */
[data-theme="light"] #mission {
    background: #F8FAFC;
}

[data-theme="light"] .mission-text p {
    color: #475569;
    line-height: 1.8;
    font-size: 1.05rem;
}

/* ── Instructor Section — Fix Dark BG ──────────────────── */
[data-theme="light"] #instructor,
[data-theme="light"] .bg-darker,
[data-theme="light"] #student-stories {
    background: linear-gradient(180deg, #F1F5F9 0%, #E2E8F0 100%) !important;
}

[data-theme="light"] .instructor-subtitle {
    color: var(--lp-gold-dark);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.9rem;
}

[data-theme="light"] .instructor-desc p {
    color: #475569;
    line-height: 1.8;
}

/* ── Country Tags ──────────────────────────────────────── */
[data-theme="light"] .country-tag {
    background: var(--lp-white);
    border: 1px solid var(--lp-border);
    color: var(--lp-navy);
    box-shadow: var(--lp-shadow-sm);
    font-weight: 500;
    border-radius: 50px;
}

[data-theme="light"] .country-tag:hover {
    background: #FFFBEB;
    border-color: var(--lp-gold);
    box-shadow: var(--lp-gold-glow);
}

/* ── Video Wrapper ─────────────────────────────────────── */
[data-theme="light"] .video-outer-wrapper {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: var(--lp-shadow-lg) !important;
}

/* ── Forms ─────────────────────────────────────────────── */
[data-theme="light"] .contact-form-wrapper {
    background: var(--lp-white) !important;
    border: 1px solid var(--lp-border) !important;
    box-shadow: var(--lp-shadow-lg) !important;
}

[data-theme="light"] .form-group label {
    color: #1E293B;
    font-weight: 600;
    font-size: 0.9rem;
}

[data-theme="light"] .form-group input,
[data-theme="light"] .form-group select {
    background: #F8FAFC;
    border: 1.5px solid #E2E8F0;
    color: var(--lp-navy);
    border-radius: 12px;
    transition: all 0.2s;
}

[data-theme="light"] .form-group input:focus,
[data-theme="light"] .form-group select:focus {
    border-color: var(--lp-gold);
    background: #FFFFFF;
    box-shadow: 0 0 0 3px rgba(245,158,11,0.12);
    outline: none;
}

[data-theme="light"] .form-group input::placeholder {
    color: #94A3B8;
}

/* ── Section backgrounds alternating ──────────────────── */
[data-theme="light"] #global-video,
[data-theme="light"] #testimonials-video,
[data-theme="light"] #contact {
    background: #FFFFFF;
}

[data-theme="light"] #programs,
[data-theme="light"] #recognition,
[data-theme="light"] #quiz,
[data-theme="light"] #blog {
    background: #F8FAFC;
}

/* ── Quiz Section ──────────────────────────────────────── */
[data-theme="light"] .master-quiz-card {
    background: var(--lp-white) !important;
    border: 2px solid rgba(245,158,11,0.3) !important;
    box-shadow: var(--lp-shadow-md) !important;
}

[data-theme="light"] .quiz-intro {
    color: #475569;
    line-height: 1.7;
}

[data-theme="light"] .gold-text {
    color: var(--lp-gold-dark) !important;
    font-weight: 700;
}

/* ── Accordion ─────────────────────────────────────────── */
[data-theme="light"] .accordion-item {
    background: var(--lp-white);
    border: 1px solid var(--lp-border);
    border-radius: 12px;
    margin-bottom: 8px;
}

[data-theme="light"] .accordion-header {
    color: var(--lp-navy);
    font-weight: 600;
}

[data-theme="light"] .accordion-content {
    background: #F8FAFC;
}

[data-theme="light"] .accordion-content p {
    color: #475569;
}

/* ── Preloader ─────────────────────────────────────────── */
[data-theme="light"] #preloader {
    background: #FFFFFF;
}

[data-theme="light"] .loader-logo {
    color: var(--lp-navy);
    font-family: 'Outfit', sans-serif;
    font-weight: 900;
}

/* ── Wave Separators — Fix light mode ─────────────────── */
[data-theme="light"] .section-separator .shape-fill {
    fill: #F8FAFC;
}

/* ── Theme Toggle Button ───────────────────────────────── */
[data-theme="light"] .theme-toggle {
    background: #F1F5F9;
    border: 1.5px solid #E2E8F0;
    color: var(--lp-navy);
    box-shadow: var(--lp-shadow-sm);
}

[data-theme="light"] .theme-toggle:hover {
    border-color: var(--lp-gold);
    box-shadow: 0 4px 16px rgba(245,158,11,0.2);
}

/* ── Smooth micro-animations ───────────────────────────── */
[data-theme="light"] .hover-card {
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
                border-color 0.3s ease !important;
}