/* ==========================================================================
   Light theme
   Applied when <html data-theme="light"> (toggle in the header).
   The "generated" sections below are produced from the dark-theme CSS by a
   script: they repeat every colour declaration with light-theme colours.
   ========================================================================== */
html[data-theme="light"] {
    color-scheme: light;

    --bg-dark: #f6f8fb;
    --bg-darker: #eef2f7;
    --bg-card: rgba(255, 255, 255, 0.92);
    --bg-card-hover: #ffffff;

    --text-main: #0f172a;
    --text-muted: #475569;

    --gold: #a18323;
    --gold-dim: rgba(161, 131, 35, 0.12);
    --gold-light: #b8962e;

    --green: #0d9367;
    --green-dim: rgba(13, 147, 103, 0.12);
    --green-glow: rgba(13, 147, 103, 0.2);

    --red: #dc2626;
    --red-dim: rgba(220, 38, 38, 0.1);

    --blue: #2563eb;
    --blue-dim: rgba(37, 99, 235, 0.1);
    --blue-tg: #0789c3;

    /* premium layer tokens (premium.css) */
    --p-surface: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 255, 255, 0.82) 100%);
    --p-surface-solid: #ffffff;
    --p-border: rgba(15, 23, 42, 0.09);
    --p-border-hover: rgba(161, 131, 35, 0.45);
    --p-gold-grad: linear-gradient(135deg, #f0d27a 0%, #d4af37 45%, #b3862a 100%);
    --p-shadow: 0 20px 50px -28px rgba(15, 23, 42, 0.28);
    --p-shadow-hover: 0 28px 60px -24px rgba(15, 23, 42, 0.32), 0 0 0 1px rgba(161, 131, 35, 0.22);
    --p-spot: rgba(161, 131, 35, 0.08);
    --p-noise-opacity: 0.02;
}
/* ---- generated from styles.css ---- */
html[data-theme="light"] .chart-frame { background: rgba(255, 255, 255, 0.75); border: 0.5px solid rgba(15, 23, 42, 0.112); border-radius: 10px; }
html[data-theme="light"] .gl { background: rgba(255, 255, 255, 0.8); }
html[data-theme="light"] .cb { border-radius: 2px; }
html[data-theme="light"] .cc.up .cw { background: rgba(0, 201, 122, 0.3); }
html[data-theme="light"] .cc.up .cb { background: #00c97a; }
html[data-theme="light"] .cc.dn .cw { background: rgba(255, 79, 94, 0.3); }
html[data-theme="light"] .cc.dn .cb { background: #ff4f5e; }
html[data-theme="light"] .cc.lv .cw { background: rgba(240, 192, 64, 0.35); }
html[data-theme="light"] .cc.lv .cb { background: #f0c040; }
html[data-theme="light"] .xlabels span { color: rgba(15, 23, 41, 0.18); }
html[data-theme="light"] .stat-box { background: rgba(255, 255, 255, 0.7); border: 0.5px solid rgba(15, 23, 42, 0.112); border-radius: 8px; }
html[data-theme="light"] .sv.up { color: #00965b; }
html[data-theme="light"] .sv.dn { color: #ff3042; }
html[data-theme="light"] .sv.neu { color: rgba(15, 23, 41, 0.8); }
html[data-theme="light"] .sl { color: rgba(15, 23, 41, 0.28); }
html[data-theme="light"] .learn-label { color: rgba(15, 23, 41, 0.4); }
html[data-theme="light"] .learn-item { color: rgba(15, 23, 41, 0.65); }
html[data-theme="light"] .pricing-card { background: rgba(255, 255, 255, 0.7); border: 0.5px solid rgba(15, 23, 42, 0.16); border-radius: 16px; }
html[data-theme="light"] .pricing-card.premium { border: 1.5px solid rgba(240, 192, 64, 0.4); background: rgba(240, 192, 64, 0.03); }
html[data-theme="light"] .pricing-card.premium .popular-badge { background: #f0c040; color: #0a0e1a; }
html[data-theme="light"] .pricing-header { border-bottom: 0.5px solid rgba(15, 23, 42, 0.112); }
html[data-theme="light"] .plan-label { color: rgba(15, 23, 41, 0.3); }
html[data-theme="light"] .pricing-header h3 { color: #0f1729; }
html[data-theme="light"] .pricing-header h3.text-gold { color: #a87e0d; }
html[data-theme="light"] .plan-type { color: rgba(15, 23, 41, 0.4); }
html[data-theme="light"] .original-price { color: rgba(15, 23, 41, 0.3); }
html[data-theme="light"] .original-price s { color: rgba(15, 23, 41, 0.2); }
html[data-theme="light"] .discount-tag { background: rgba(255, 79, 94, 0.1); border: 0.5px solid rgba(255, 79, 94, 0.25); border-radius: 6px; color: #ff2e43; }
html[data-theme="light"] .price { color: #0f1729; }
html[data-theme="light"] .price.text-gold { color: #a87e0d; }
html[data-theme="light"] .price-note { color: rgba(15, 23, 41, 0.28); }
html[data-theme="light"] .pricing-features li { color: rgba(15, 23, 41, 0.62); }
html[data-theme="light"] .plan-tagline { background: rgba(255, 255, 255, 0.7); border: 0.5px solid rgba(15, 23, 42, 0.128); border-radius: 10px; color: rgba(15, 23, 41, 0.4); }
html[data-theme="light"] .vip-tagline { background: rgba(240, 192, 64, 0.05); border-color: rgba(240, 192, 64, 0.15); color: rgba(168, 126, 13, 0.6); }
html[data-theme="light"] .contact-strip a { color: rgba(15, 23, 41, 0.35); text-decoration: none; }
html[data-theme="light"] .contact-strip a:hover { color: rgba(15, 23, 41, 0.6); }
html[data-theme="light"] .plans-bottom-note p { color: rgba(15, 23, 41, 0.35); }
html[data-theme="light"] .plans-bottom-note strong { color: rgba(15, 23, 41, 0.65); }
html[data-theme="light"] .check-circle { border-radius: 50%; background: rgba(0, 201, 122, 0.12); border: 0.5px solid rgba(0, 201, 122, 0.3); }
html[data-theme="light"] body { background-color: var(--bg-dark); color: var(--text-main); }
html[data-theme="light"] #preloader { background: #eef2f7; }
html[data-theme="light"] .pl-grid { background-image: linear-gradient(rgba(212, 175, 55, 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(212, 175, 55, 0.03) 1px, transparent 1px); background-size: 40px 40px; }
html[data-theme="light"] .pl-scanline { background: linear-gradient(90deg, transparent, var(--gold), transparent); box-shadow: 0 0 15px var(--gold); }
html[data-theme="light"] .pl-wick { background: currentColor; }
html[data-theme="light"] .pl-body { background: currentColor; border-radius: 2px; box-shadow: 0 0 10px currentColor; }
html[data-theme="light"] .pl-candle-wrap.green { color: var(--green); }
html[data-theme="light"] .pl-candle-wrap.red { color: var(--red); }
html[data-theme="light"] .pl-pulse { background: radial-gradient(circle, var(--gold-dim) 0%, transparent 70%); border-radius: 50%; }
html[data-theme="light"] .pl-stats { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; }
html[data-theme="light"] .pl-stat-val.up { color: var(--green); }
html[data-theme="light"] .pl-stat-val.down { color: var(--red); }
html[data-theme="light"] .pl-stat-lbl { color: var(--text-muted); }
html[data-theme="light"] .pl-logo { color: #0f1729; }
html[data-theme="light"] .pl-logo span { color: var(--gold); }
html[data-theme="light"] .pl-tagline { color: var(--text-muted); }
html[data-theme="light"] .pl-bar-track { background: rgba(255, 255, 255, 0.8); border-radius: 10px; }
html[data-theme="light"] .pl-bar-fill { background: var(--gold-gradient); box-shadow: 0 0 10px var(--gold); }
html[data-theme="light"] .pl-bar-pct { color: var(--gold); }
html[data-theme="light"] h1, html[data-theme="light"] h2, html[data-theme="light"] h3, html[data-theme="light"] h4, html[data-theme="light"] h5, html[data-theme="light"] h6 { color: var(--text-main); }
html[data-theme="light"] a { text-decoration: none; color: inherit; }
html[data-theme="light"] .text-gold { color: var(--gold); }
html[data-theme="light"] .text-green { color: var(--green); }
html[data-theme="light"] .text-red { color: var(--red); }
html[data-theme="light"] .text-blue { color: var(--blue); }
html[data-theme="light"] .text-white { color: #0f1729; }
html[data-theme="light"] .text-gray-300 { color: #353c4d; }
html[data-theme="light"] .text-gray-400 { color: #596580; }
html[data-theme="light"] .text-muted { color: var(--text-muted); }
html[data-theme="light"] .bg-darker { background-color: var(--bg-darker); }
html[data-theme="light"] .bg-gold-dim { background-color: var(--gold-dim); }
html[data-theme="light"] .bg-red-dim { background-color: var(--red-dim); }
html[data-theme="light"] .bg-green-dim { background-color: var(--green-dim); }
html[data-theme="light"] .bg-blue-dim { background-color: var(--blue-dim); }
html[data-theme="light"] .bg-grid { background-size: 40px 40px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.7) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 1px, transparent 1px); }
html[data-theme="light"] .animated-border { border-radius: var(--border-radius-lg); }
html[data-theme="light"] .animated-border::before { background: linear-gradient(45deg, var(--gold), transparent, var(--green), transparent, var(--gold)); background-size: 400% 400%; border-radius: calc(var(--border-radius-lg) + 2px); }
html[data-theme="light"] .gradient-text-gold { background: var(--gold-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
html[data-theme="light"] .gradient-text-green { background: linear-gradient(135deg, #20956a 0%, #0d9367 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
html[data-theme="light"] .border-top { border-top: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .border-bottom { border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .section-tag { border-radius: 50px; }
html[data-theme="light"] .section-desc { color: var(--text-muted); }
html[data-theme="light"] .btn { border-radius: var(--border-radius); border: none; outline: none; }
html[data-theme="light"] .btn::after { background: linear-gradient(to right,
            rgba(255, 255, 255, 0.55) 0%,
            rgba(255, 255, 255, 0.95) 50%,
            rgba(255, 255, 255, 0.55) 100%); }
html[data-theme="light"] .btn-primary { background: var(--gold-gradient); color: #000000 !important; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.21); }
html[data-theme="light"] .btn-primary:hover { box-shadow: 0 6px 20px rgba(212, 175, 55, 0.28); }
html[data-theme="light"] .btn-outline { background: transparent; color: var(--text-main); border: 1px solid rgba(15, 23, 42, 0.2); }
html[data-theme="light"] .btn-outline:hover { border-color: var(--gold); color: var(--gold); }
html[data-theme="light"] .btn-whatsapp { background: #25d366; color: #ffffff; box-shadow: 0 4px 15px rgba(37, 211, 102, 0.21); }
html[data-theme="light"] .btn-whatsapp:hover { box-shadow: 0 6px 20px rgba(37, 211, 102, 0.28); }
html[data-theme="light"] .ticker-wrap { background: #eef2f7; border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .ticker-symbol { color: rgba(15, 23, 41, 0.9); }
html[data-theme="light"] .ticker-value { color: var(--text-main); }
html[data-theme="light"] .ticker-change.up { color: var(--green); }
html[data-theme="light"] .ticker-change.down { color: var(--red); }
html[data-theme="light"] .header { background: rgba(246, 248, 251, 0.8); border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .header.scrolled { background: rgba(238, 242, 247, 0.95); }
html[data-theme="light"] .logo span { color: var(--gold); }
html[data-theme="light"] .logo i { color: var(--gold); }
html[data-theme="light"] .desktop-nav a { color: var(--text-muted); }
html[data-theme="light"] .desktop-nav a:hover { color: var(--gold); }
html[data-theme="light"] .mobile-menu-btn { background: none; border: none; color: var(--text-main); }
html[data-theme="light"] .theme-toggle { border-radius: 50%; color: var(--gold); background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(15, 23, 42, 0.192); }
html[data-theme="light"] .theme-toggle:hover { border-color: var(--gold); }
html[data-theme="light"] .mobile-nav { background: var(--bg-darker); border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .mobile-nav a.mobile-link { border-top: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .glass-card { background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(15, 23, 42, 0.16); border-radius: var(--border-radius-lg); box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.175); }
html[data-theme="light"] .bg-glow { border-radius: 50%; }
html[data-theme="light"] .bg-glow.gold.center { background: var(--gold); }
html[data-theme="light"] .bg-glow.blue.right { background: var(--blue); }
html[data-theme="light"] .hero-bg-glow { background: radial-gradient(circle, rgba(212, 175, 55, 0.15) 0%, transparent 70%); }
html[data-theme="light"] .badge { background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(15, 23, 42, 0.16); border-radius: 50px; }
html[data-theme="light"] .yellow { color: #9b7d03; }
html[data-theme="light"] .hero-title { background: linear-gradient(180deg, #0f1729 0%, rgba(15, 23, 41, 0.7) 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
html[data-theme="light"] .hero-subtitle { color: var(--text-muted); }
html[data-theme="light"] .hero-highlights li { background: rgba(255, 255, 255, 0.7); border-radius: 50px; border: 1px solid rgba(15, 23, 42, 0.128); }
html[data-theme="light"] .hero-highlights li:hover { background: rgba(240, 180, 41, 0.1); border-color: var(--gold); box-shadow: 0 10px 20px rgba(15, 23, 42, 0.07); }
html[data-theme="light"] .hero-highlights i { color: var(--gold); }
html[data-theme="light"] .chart-card.mockup { background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(15, 23, 42, 0.16); box-shadow: 0 15px 35px rgba(15, 23, 42, 0.105); border-radius: 16px; }
html[data-theme="light"] .hero-visual:hover .chart-card.mockup { box-shadow: 0 25px 50px rgba(15, 23, 42, 0.14), 0 0 30px rgba(212, 175, 55, 0.07); }
html[data-theme="light"] .mockup { box-shadow: -20px 20px 50px rgba(15, 23, 42, 0.175), 0 0 0 1px rgba(255, 255, 255, 0.05); }
html[data-theme="light"] .live-pnl-value { border-radius: 4px; }
html[data-theme="light"] .live-pnl-arrow.up { color: var(--green); }
html[data-theme="light"] .live-pnl-arrow.down { color: var(--red); }
html[data-theme="light"] .badge-live { background: var(--green-dim); color: var(--green); border-radius: 4px; }
html[data-theme="light"] .pulse { background: var(--green); border-radius: 50%; }
html[data-theme="light"] .chart-placeholder { border-bottom: 1px solid rgba(15, 23, 42, 0.16); }
html[data-theme="light"] .chart-placeholder::before { background: rgba(255, 255, 255, 0.8); border-style: dashed; }
html[data-theme="light"] .candle .wick { background: rgba(255, 255, 255, 0.95); }
html[data-theme="light"] .candle .body { border-radius: 2px; }
html[data-theme="light"] .candle.up .wick { background: var(--green); }
html[data-theme="light"] .candle.up .body { background: var(--green); box-shadow: 0 0 10px rgba(34, 197, 94, 0.07); }
html[data-theme="light"] .candle.down .wick { background: var(--red); }
html[data-theme="light"] .candle.down .body { background: var(--red); box-shadow: 0 0 10px rgba(239, 68, 68, 0.07); }
html[data-theme="light"] .live-candle .wick { background: var(--green); }
html[data-theme="light"] .trade-stats { border-top: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .stat-label { color: var(--text-muted); }
html[data-theme="light"] .story-card { border-radius: 16px; }
html[data-theme="light"] .before-card { background: #f2f4f8; border: 1px solid rgba(15, 23, 42, 0.08); border-top: 3px solid #f87171; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.175); }
html[data-theme="light"] .before-card:hover { box-shadow: 0 15px 40px rgba(239, 68, 68, 0.07); }
html[data-theme="light"] .after-card { background: linear-gradient(160deg, #10b981 0%, #ecf9f5 100%); border: 1px solid rgba(16, 185, 129, 0.2); box-shadow: 0 10px 30px rgba(16, 185, 129, 0.14); }
html[data-theme="light"] .after-card:hover { box-shadow: 0 15px 40px rgba(16, 185, 129, 0.21); }
html[data-theme="light"] .story-header h3 { color: #0f1729; }
html[data-theme="light"] .after-card .story-header i { color: rgba(15, 23, 41, 0.7); }
html[data-theme="light"] .after-card .story-desc { color: rgba(15, 23, 41, 0.85); }
html[data-theme="light"] .after-card .story-list li { color: #0f1729; }
html[data-theme="light"] .after-card .story-list i { color: rgba(15, 23, 41, 0.7); }
html[data-theme="light"] .story-desc { color: var(--text-muted); }
html[data-theme="light"] .story-list li { color: var(--text-main); }
html[data-theme="light"] .story-metric { border-radius: 8px; background: rgba(15, 23, 42, 0.04); border: 1px solid transparent; }
html[data-theme="light"] .before-card .story-metric { border-color: rgba(239, 68, 68, 0.2); }
html[data-theme="light"] .after-card .story-metric { background: rgba(15, 23, 42, 0.03); }
html[data-theme="light"] .story-metric span { color: var(--text-muted); }
html[data-theme="light"] .after-card .story-metric span { color: rgba(15, 23, 41, 0.8); }
html[data-theme="light"] .after-card .story-metric strong { color: #20956a; }
html[data-theme="light"] .story-divider-box { background: #f2f4f8; border: 1px solid rgba(212, 175, 55, 0.3); border-radius: 8px; box-shadow: 0 4px 10px rgba(15, 23, 42, 0.105); }
html[data-theme="light"] .story-divider-box i { color: var(--gold); }
html[data-theme="light"] .problem-card { background: var(--bg-dark); border-radius: var(--border-radius); border: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .problem-card:hover { border-color: rgba(239, 68, 68, 0.2); }
html[data-theme="light"] .icon-box { border-radius: 12px; }
html[data-theme="light"] .arrow-down { color: var(--gold); }
html[data-theme="light"] .check-icon { background: var(--bg-dark); border-radius: 50%; color: var(--gold); border: 1px solid rgba(212, 175, 55, 0.2); }
html[data-theme="light"] .check-content p { color: var(--text-muted); }
html[data-theme="light"] .callout { background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(15, 23, 42, 0.08); border-left: 4px solid var(--green); border-radius: var(--border-radius); }
html[data-theme="light"] .alert-box { background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.2); border-radius: var(--border-radius); }
html[data-theme="light"] .alert-box i { color: var(--blue); }
html[data-theme="light"] .pillar { background: var(--bg-card); border-radius: var(--border-radius); border: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .quote-box { border-top: 1px solid rgba(15, 23, 42, 0.16); border-bottom: 1px solid rgba(15, 23, 42, 0.16); }
html[data-theme="light"] .quote-box i { background: var(--bg-darker); }
html[data-theme="light"] .audience-card { background: var(--bg-card); border-radius: var(--border-radius); border: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .audience-card i { border-radius: 50%; }
html[data-theme="light"] .pricing-card { background: var(--bg-card); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: var(--border-radius-lg); }
html[data-theme="light"] .pricing-card:hover { border-color: rgba(15, 23, 42, 0.16); }
html[data-theme="light"] .pricing-card.premium { background: linear-gradient(to bottom, rgba(233, 235, 242, 0.9), rgba(237, 240, 245, 0.9)); border-color: rgba(212, 175, 55, 0.3); box-shadow: 0 20px 40px rgba(15, 23, 42, 0.175); }
html[data-theme="light"] .pricing-card.premium:hover { border-color: rgba(212, 175, 55, 0.6); }
html[data-theme="light"] .popular-badge { background: var(--gold-gradient); color: #000000; border-radius: 50px; }
html[data-theme="light"] .pricing-header { border-bottom: 1px solid rgba(15, 23, 42, 0.16); }
html[data-theme="light"] .course-benefits-section { background: var(--bg-darker); }
html[data-theme="light"] .benefit-card { background: linear-gradient(145deg, rgba(237, 239, 245, 0.9), rgba(242, 243, 248, 0.95)); border: 1px solid rgba(15, 23, 42, 0.096); border-radius: 16px; }
html[data-theme="light"] .benefit-card::before { background: linear-gradient(90deg, transparent, rgba(201, 165, 68, 0.4), transparent); }
html[data-theme="light"] .benefit-card:hover { border-color: rgba(201, 165, 68, 0.2); box-shadow: 0 20px 40px rgba(15, 23, 42, 0.14); }
html[data-theme="light"] .benefit-card.featured { border-color: rgba(201, 165, 68, 0.3); background: linear-gradient(145deg, rgba(235, 237, 244, 0.95), rgba(240, 242, 247, 0.95)); box-shadow: 0 10px 30px rgba(201, 165, 68, 0.07); }
html[data-theme="light"] .benefit-card.featured::before { background: var(--gold-gradient); }
html[data-theme="light"] .benefit-badge { background: var(--gold-gradient); color: #000000; border-radius: 50px; }
html[data-theme="light"] .benefit-icon { border-radius: 50%; background: rgba(201, 165, 68, 0.1); border: 1px solid rgba(201, 165, 68, 0.2); color: var(--gold); }
html[data-theme="light"] .benefit-card:hover .benefit-icon { background: rgba(201, 165, 68, 0.2); box-shadow: 0 0 25px rgba(201, 165, 68, 0.14); }
html[data-theme="light"] .guarantee-icon { background: rgba(52, 211, 153, 0.1) !important; border-color: rgba(52, 211, 153, 0.25) !important; color: #20956a !important; }
html[data-theme="light"] .benefit-card:hover .guarantee-icon { background: rgba(52, 211, 153, 0.2) !important; box-shadow: 0 0 25px rgba(52, 211, 153, 0.14) !important; }
html[data-theme="light"] .benefit-card h3 { color: #0f1729; }
html[data-theme="light"] .benefit-card p { color: #596580; }
html[data-theme="light"] .benefit-highlight { background: rgba(201, 165, 68, 0.08); border: 1px solid rgba(201, 165, 68, 0.15); border-radius: 50px; color: var(--gold); }
html[data-theme="light"] .guarantee-highlight { background: rgba(52, 211, 153, 0.08) !important; border-color: rgba(52, 211, 153, 0.2) !important; color: #20956a !important; }
html[data-theme="light"] .plan-label { background: rgba(201, 165, 68, 0.1); color: var(--gold); border-radius: 4px; }
html[data-theme="light"] .plan-type { color: #596580; }
html[data-theme="light"] .original-price { color: #596580; }
html[data-theme="light"] .original-price s { color: #ef4444; }
html[data-theme="light"] .discount-tag { background: rgba(52, 211, 153, 0.1); border: 1px solid rgba(52, 211, 153, 0.2); border-radius: 50px; color: #20956a; }
html[data-theme="light"] .price-note { color: #596580; }
html[data-theme="light"] .plan-tagline { background: rgba(201, 165, 68, 0.06); border: 1px solid rgba(201, 165, 68, 0.1); border-radius: 10px; color: #3d4557; }
html[data-theme="light"] .plan-tagline i { color: var(--gold); }
html[data-theme="light"] .vip-tagline { background: rgba(201, 165, 68, 0.1); border-color: rgba(201, 165, 68, 0.25); }
html[data-theme="light"] .contact-strip a { color: #596580; text-decoration: none; }
html[data-theme="light"] .contact-strip a:hover { color: var(--gold); }
html[data-theme="light"] .contact-strip .bxl-whatsapp { color: #1a9649; }
html[data-theme="light"] .plans-bottom-note { background: rgba(201, 165, 68, 0.05); border: 1px solid rgba(201, 165, 68, 0.12); border-radius: 12px; }
html[data-theme="light"] .plans-bottom-note p { color: #3d4557; }
html[data-theme="light"] .course-card { border-radius: var(--border-radius-lg); background: var(--bg-card); border: 1px solid rgba(15, 23, 42, 0.128); color: var(--text-main); text-decoration: none; }
html[data-theme="light"] .course-card::before { background: var(--accent); }
html[data-theme="light"] .course-card:hover { border-color: var(--accent); box-shadow: 0 20px 40px rgba(15, 23, 42, 0.122); }
html[data-theme="light"] .course-icon { border-radius: 14px; color: var(--accent); background: var(--accent-dim); }
html[data-theme="light"] .course-level { color: var(--accent); background: var(--accent-dim); border-radius: 999px; }
html[data-theme="light"] .course-tagline { color: var(--text-muted); }
html[data-theme="light"] .course-meta span { color: var(--text-muted); background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(15, 23, 42, 0.128); border-radius: 8px; }
html[data-theme="light"] .course-meta i { color: var(--accent); }
html[data-theme="light"] .course-modules li { color: var(--text-muted); }
html[data-theme="light"] .course-modules li i { color: var(--accent); }
html[data-theme="light"] .course-plan { border-radius: 12px; background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.128); }
html[data-theme="light"] .course-plan.premium { background: var(--accent-dim); border-color: var(--accent); }
html[data-theme="light"] .course-plan-name { color: var(--text-muted); }
html[data-theme="light"] .course-plan.premium .course-plan-name { color: var(--accent); }
html[data-theme="light"] .course-plan-price { color: var(--text-main); }
html[data-theme="light"] .course-plan-desc { color: var(--text-muted); }
html[data-theme="light"] .course-guarantee { color: var(--green); }
html[data-theme="light"] .course-cta, html[data-theme="light"] .course-apply { border-radius: 10px; border: 1px solid transparent; text-decoration: none; }
html[data-theme="light"] .course-cta { color: var(--accent); background: var(--accent-dim); }
html[data-theme="light"] .course-card:hover .course-cta { border-color: var(--accent); }
html[data-theme="light"] .course-apply { color: #05070a; background: var(--accent); }
html[data-theme="light"] .courses-note { color: var(--text-muted); }
html[data-theme="light"] .courses-note a { color: var(--green); text-decoration: none; }
html[data-theme="light"] .icon-circle { border-radius: 50%; background: var(--blue-dim); border: 1px solid rgba(59, 130, 246, 0.3); color: var(--blue); }
html[data-theme="light"] .benefit { background: var(--bg-card); border-radius: var(--border-radius); border: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .faq-item { background: var(--bg-card); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: var(--border-radius); }
html[data-theme="light"] .faq-question { background: transparent; border: none; color: var(--text-main); }
html[data-theme="light"] .faq-question:hover { background: rgba(255, 255, 255, 0.65); }
html[data-theme="light"] .faq-answer { color: var(--text-muted); }
html[data-theme="light"] .footer { background: #f8fafc; border-top: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .footer-links a { color: var(--text-muted); }
html[data-theme="light"] .footer-links a:hover { color: var(--gold); }
html[data-theme="light"] .footer-contact p { color: var(--text-muted); }
html[data-theme="light"] .footer-contact a { color: inherit; text-decoration: none; }
html[data-theme="light"] .footer-contact a:hover { color: #0789c3; }
html[data-theme="light"] .social-icons a { border-radius: 50%; text-decoration: none; background: rgba(255, 255, 255, 0.8); border: 1px solid rgba(15, 23, 42, 0.192); }
html[data-theme="light"] .social-icons a:hover { color: #0f1729; }
html[data-theme="light"] .social-icons .si-telegram { color: #1e8bbf; }
html[data-theme="light"] .social-icons .si-x { color: #0f1729; }
html[data-theme="light"] .social-icons .si-linkedin { color: #0a66c2; }
html[data-theme="light"] .social-icons .si-telegram:hover { background: #229ed9; border-color: #229ed9; }
html[data-theme="light"] .social-icons .si-x:hover { background: #0f1729; border-color: rgba(15, 23, 42, 0.2); color: #f8fafc; }
html[data-theme="light"] .social-icons .si-linkedin:hover { background: #0a66c2; border-color: #0a66c2; }
html[data-theme="light"] .disclaimer { border-top: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .disclaimer h4 { color: var(--text-muted); }
html[data-theme="light"] .disclaimer p { color: rgba(15, 23, 41, 0.3); }
html[data-theme="light"] .copyright { color: rgba(15, 23, 41, 0.3); }
html[data-theme="light"] .clients-hero::before { background: radial-gradient(circle, rgba(16, 185, 129, 0.08) 0%, transparent 70%); }
html[data-theme="light"] .pnl-card { background: linear-gradient(145deg, rgba(235, 237, 244, 0.7), rgba(240, 242, 247, 0.8)); border: 1px solid rgba(16, 185, 129, 0.2); border-radius: 16px; }
html[data-theme="light"] .pnl-card:hover { border-color: rgba(16, 185, 129, 0.5); box-shadow: 0 10px 30px rgba(16, 185, 129, 0.07); }
html[data-theme="light"] .pnl-header { border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .pnl-avatar { border-radius: 50%; background: var(--bg-card); color: var(--gold); border: 1px solid rgba(201, 165, 68, 0.3); }
html[data-theme="light"] .pnl-info h4 { color: #0f1729; }
html[data-theme="light"] .pnl-info span { color: var(--text-muted); }
html[data-theme="light"] .pnl-amount { color: var(--green); }
html[data-theme="light"] .pnl-footer { color: #596580; background: rgba(16, 185, 129, 0.05); border-radius: 8px; }
html[data-theme="light"] .testimonial-card { background: var(--bg-card); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 16px; }
html[data-theme="light"] .testimonial-card:hover { border-color: rgba(201, 165, 68, 0.3); }
html[data-theme="light"] .quote-icon { color: rgba(161, 130, 47, 0.1); }
html[data-theme="light"] .testimonial-text { color: #1a2745; }
html[data-theme="light"] .author-details h4 { color: #0f1729; }
html[data-theme="light"] .author-details span { color: var(--gold); }
html[data-theme="light"] .tab-btn { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.128); color: var(--text-muted); border-radius: 30px; }
html[data-theme="light"] .tab-btn:hover { background: rgba(255, 255, 255, 0.9); color: #0f1729; border-color: rgba(212, 175, 55, 0.3); }
html[data-theme="light"] .tab-btn.active { background: var(--gold-gradient); color: #05070a; border-color: transparent; box-shadow: 0 4px 15px rgba(212, 175, 55, 0.21); }
html[data-theme="light"] .pnl-screenshot-card { background: linear-gradient(145deg, rgba(235, 237, 244, 0.7), rgba(240, 242, 247, 0.8)); border: 1px solid rgba(16, 185, 129, 0.15); border-radius: 16px; }
html[data-theme="light"] .pnl-screenshot-card:hover { border-color: var(--green); box-shadow: 0 10px 30px rgba(16, 185, 129, 0.105); }
html[data-theme="light"] .pnl-screenshot-card .screenshot-title { border-bottom: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .pnl-screenshot-card .screenshot-title h4 { color: #0f1729; }
html[data-theme="light"] .pnl-screenshot-card .screenshot-amount { color: var(--green); }
html[data-theme="light"] .screenshot-thumbnail-container { border-radius: 10px; border: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .wa-chat-card { background: #eef1f6; border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 16px; }
html[data-theme="light"] .wa-chat-card:hover { border-color: rgba(212, 175, 55, 0.3); box-shadow: 0 10px 30px rgba(212, 175, 55, 0.035); }
html[data-theme="light"] .wa-header { background: rgba(255, 255, 255, 0.65); border-radius: 12px; border: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .wa-avatar { border-radius: 50%; background: var(--gold-gradient); color: #05070a; border: 2px solid rgba(15, 23, 42, 0.16); }
html[data-theme="light"] .wa-details h4 { color: #0f1729; }
html[data-theme="light"] .wa-status { color: var(--green); }
html[data-theme="light"] .wa-status::before { background: var(--green); border-radius: 50%; box-shadow: 0 0 6px var(--green); }
html[data-theme="light"] .wa-badge { background: rgba(16, 185, 129, 0.1); color: var(--green); border: 1px solid rgba(16, 185, 129, 0.2); border-radius: 4px; }
html[data-theme="light"] .wa-body { background-image: radial-gradient(rgba(255, 255, 255, 0.625) 1px, transparent 1px); background-size: 15px 15px; background-color: rgba(15, 23, 42, 0.03); border-radius: 12px; border: 1px solid rgba(15, 23, 42, 0.08); }
html[data-theme="light"] .wa-bubble { border-radius: 12px; }
html[data-theme="light"] .wa-bubble.received { background: #e8eef1; color: #192541; border-top-left-radius: 0; }
html[data-theme="light"] .wa-bubble.sent { background: #ecf9f6; color: #192541; border-top-right-radius: 0; }
html[data-theme="light"] .wa-time { color: rgba(15, 23, 41, 0.45); }
html[data-theme="light"] .wa-bubble.sent .wa-time i { color: #178ec1; }
html[data-theme="light"] .wa-view-btn { background: rgba(212, 175, 55, 0.05); border: 1px solid rgba(212, 175, 55, 0.2); color: var(--gold); border-radius: 30px; }
html[data-theme="light"] .wa-view-btn:hover { background: var(--gold-gradient); color: #05070a; border-color: transparent; box-shadow: 0 4px 12px rgba(212, 175, 55, 0.14); }
html[data-theme="light"] .video-testimonial-card { background: linear-gradient(135deg, rgba(15, 23, 42, 0.05) 0%, rgba(246, 248, 251, 0.55) 100%); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 24px; box-shadow: 0 25px 50px -12px rgba(15, 23, 42, 0.175); }
html[data-theme="light"] .video-frame { border-radius: 20px; border: 2px solid rgba(212, 175, 55, 0.2); box-shadow: 0 10px 30px rgba(212, 175, 55, 0.056); background: #fbfbfb; }
html[data-theme="light"] .video-frame:hover { border-color: rgba(212, 175, 55, 0.6); box-shadow: 0 15px 35px rgba(212, 175, 55, 0.126); }
html[data-theme="light"] .trading-candlestick { border-radius: 1px; }
html[data-theme="light"] .up-candle { background: rgba(16, 185, 129, 0.08); border: 1px solid rgba(16, 185, 129, 0.18); }
html[data-theme="light"] .up-candle::before { background: rgba(16, 185, 129, 0.2); }
html[data-theme="light"] .down-candle { background: rgba(239, 68, 68, 0.08); border: 1px solid rgba(239, 68, 68, 0.18); }
html[data-theme="light"] .down-candle::before { background: rgba(239, 68, 68, 0.2); }
/* ---- generated from premium.css ---- */
html[data-theme="light"] body { background-color: #f6f8fa; background-image: radial-gradient(1200px 600px at 85% -10%, rgba(212, 175, 55, 0.07), transparent 60%),
        radial-gradient(900px 500px at -10% 30%, rgba(59, 130, 246, 0.05), transparent 60%); background-attachment: fixed; }
html[data-theme="light"] body::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }
html[data-theme="light"] ::selection { background: rgba(212, 175, 55, 0.35); color: #0f1729; }
html[data-theme="light"] ::-webkit-scrollbar-track { background: #f5f7fa; }
html[data-theme="light"] ::-webkit-scrollbar-thumb { background: linear-gradient(#d4af37, #8a6d1a); border-radius: 10px; border: 2px solid #d7dcea; }
html[data-theme="light"] .sr-only { border: 0; }
html[data-theme="light"] .p-progress { background: var(--p-gold-grad); box-shadow: 0 0 12px rgba(212, 175, 55, 0.42); }
html[data-theme="light"] .header { background: rgba(246, 247, 250, 0.72); border-bottom: 1px solid rgba(15, 23, 42, 0.096); }
html[data-theme="light"] .header.scrolled { background: rgba(246, 248, 250, 0.9); }
html[data-theme="light"] .header::after { background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.55), transparent); }
html[data-theme="light"] .desktop-nav a::after { border-radius: 2px; background: var(--p-gold-grad); }
html[data-theme="light"] .desktop-nav a:hover { color: var(--text-main); }
html[data-theme="light"] .logo i { filter: drop-shadow(0 0 10px rgba(212, 175, 55, 0.315)); }
html[data-theme="light"] .btn { border-radius: 12px; }
html[data-theme="light"] .btn-primary { background: var(--p-gold-grad); color: #0b0b0b !important; box-shadow: 0 10px 30px -10px rgba(212, 175, 55, 0.385), inset 0 1px 0 rgba(255, 255, 255, 0.45); }
html[data-theme="light"] .btn-primary:hover { box-shadow: 0 16px 40px -12px rgba(212, 175, 55, 0.49), inset 0 1px 0 rgba(255, 255, 255, 0.5); }
html[data-theme="light"] .btn-outline { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.2); }
html[data-theme="light"] .btn-outline:hover { border-color: rgba(212, 175, 55, 0.6); color: var(--gold-light); background: rgba(212, 175, 55, 0.06); }
html[data-theme="light"] .btn-whatsapp { background: linear-gradient(135deg, #2ee27a, #1fb85c); box-shadow: 0 10px 30px -10px rgba(37, 211, 102, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.35); }
html[data-theme="light"] .section-tag { border: 1px solid currentColor; border-color: color-mix(in srgb, currentColor 35%, transparent); }
html[data-theme="light"] .section-tag::before { border-radius: 50%; background: currentColor; box-shadow: 0 0 10px currentColor; }
html[data-theme="light"] .gradient-text-gold { background: var(--p-gold-grad); -webkit-background-clip: text; background-clip: text; }
html[data-theme="light"] .problem-card, html[data-theme="light"] .pillar, html[data-theme="light"] .audience-card, html[data-theme="light"] .benefit-card, html[data-theme="light"] .faq-item, html[data-theme="light"] .course-card, html[data-theme="light"] .home-testimonial, html[data-theme="light"] .include-item { background: var(--p-surface), var(--bg-card); border: 1px solid var(--p-border); }
html[data-theme="light"] .problem-card, html[data-theme="light"] .pillar, html[data-theme="light"] .audience-card, html[data-theme="light"] .benefit-card, html[data-theme="light"] .course-card, html[data-theme="light"] .home-testimonial { box-shadow: var(--p-shadow); }
html[data-theme="light"] .spotlight > .p-spot { border-radius: inherit; background: radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%), var(--p-spot), transparent 45%); }
html[data-theme="light"] .hero-aurora span { border-radius: 50%; }
html[data-theme="light"] .hero-aurora span:nth-child(1) { background: radial-gradient(circle, rgba(212, 175, 55, 0.22), transparent 65%); }
html[data-theme="light"] .hero-aurora span:nth-child(2) { background: radial-gradient(circle, rgba(16, 185, 129, 0.12), transparent 65%); }
html[data-theme="light"] .hero-aurora span:nth-child(3) { background: radial-gradient(circle, rgba(59, 130, 246, 0.12), transparent 65%); }
html[data-theme="light"] .badge { background: rgba(212, 175, 55, 0.06); border: 1px solid rgba(212, 175, 55, 0.28); box-shadow: 0 8px 24px -12px rgba(212, 175, 55, 0.28); }
html[data-theme="light"] .alert-box { background: linear-gradient(90deg, rgba(59, 130, 246, 0.12), rgba(59, 130, 246, 0.03)); border: 1px solid rgba(59, 130, 246, 0.25); border-left: 3px solid var(--blue); border-radius: 14px; }
html[data-theme="light"] .chart-card.mockup { background: linear-gradient(180deg, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.625)), rgba(241, 243, 248, 0.6); border: 1px solid rgba(212, 175, 55, 0.22); border-radius: 24px; box-shadow: 0 40px 80px -30px rgba(15, 23, 42, 0.18), 0 0 80px -30px rgba(212, 175, 55, 0.245); }
html[data-theme="light"] .stats-band-inner { border-radius: 22px; background: var(--p-surface), rgba(243, 245, 249, 0.75); border: 1px solid var(--p-border); box-shadow: var(--p-shadow); }
html[data-theme="light"] .stats-band-inner::before { background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.75), transparent); }
html[data-theme="light"] .stat-item + .stat-item::before { background: linear-gradient(transparent, rgba(255, 255, 255, 0.95), transparent); }
html[data-theme="light"] .stat-value { background: var(--p-gold-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
html[data-theme="light"] .stat-label { color: var(--text-muted); }
html[data-theme="light"] .problem-card { border-radius: var(--p-radius); }
html[data-theme="light"] .problem-card::before { color: rgba(15, 23, 41, 0.05); }
html[data-theme="light"] .problem-card:hover { border-color: rgba(239, 68, 68, 0.35); box-shadow: var(--p-shadow), 0 0 50px -15px rgba(239, 68, 68, 0.21); }
html[data-theme="light"] .problem-card p { color: var(--text-muted); }
html[data-theme="light"] .journey-num { border-radius: 50%; color: #0b0b0b; background: var(--p-gold-grad); box-shadow: 0 0 0 5px rgba(212, 175, 55, 0.084), 0 8px 20px -6px rgba(212, 175, 55, 0.42); }
html[data-theme="light"] .journey-label { color: var(--text-main); }
html[data-theme="light"] .journey-line { border-radius: 2px; background: linear-gradient(90deg, rgba(212, 175, 55, 0.7), rgba(212, 175, 55, 0.1)); }
html[data-theme="light"] .course-card::before { background: linear-gradient(90deg, transparent, var(--accent), transparent); }
html[data-theme="light"] .course-card:hover { border-color: color-mix(in srgb, var(--accent) 55%, transparent); box-shadow: var(--p-shadow-hover), 0 0 70px -25px var(--accent); }
html[data-theme="light"] .course-card.has-ribbon { border-color: color-mix(in srgb, var(--accent) 40%, transparent); }
html[data-theme="light"] .course-ribbon { color: #04130d; background: linear-gradient(90deg, #34d399, #10b981); }
html[data-theme="light"] .course-bestfor { color: var(--text-muted); }
html[data-theme="light"] .course-bestfor i { color: var(--accent); }
html[data-theme="light"] .course-bestfor span { color: var(--text-main); }
html[data-theme="light"] .course-plan { background: rgba(255, 255, 255, 0.675); }
html[data-theme="light"] .course-plan.premium { background: linear-gradient(180deg, var(--accent-dim), transparent), rgba(255, 255, 255, 0.65); box-shadow: 0 10px 30px -15px var(--accent); }
html[data-theme="light"] .include-item { border-radius: 16px; color: var(--text-main); }
html[data-theme="light"] .include-item i { border-radius: 12px; color: var(--gold); background: rgba(212, 175, 55, 0.1); }
html[data-theme="light"] .compare-hint { color: var(--text-muted); }
html[data-theme="light"] .compare-scroll { border-radius: 20px; border: 1px solid var(--p-border); background: var(--p-surface), var(--bg-card); box-shadow: var(--p-shadow); }
html[data-theme="light"] .compare-table { border-collapse: collapse; }
html[data-theme="light"] .compare-table th, html[data-theme="light"] .compare-table td { border-bottom: 1px solid rgba(15, 23, 42, 0.096); }
html[data-theme="light"] .compare-table thead th { color: var(--text-main); background: rgba(255, 255, 255, 0.725); }
html[data-theme="light"] .compare-table tbody th { color: var(--text-muted); }
html[data-theme="light"] .compare-table td { color: var(--text-main); }
html[data-theme="light"] .compare-table tbody tr:last-child th, html[data-theme="light"] .compare-table tbody tr:last-child td { border-bottom: 0; }
html[data-theme="light"] .compare-table tbody tr:hover th, html[data-theme="light"] .compare-table tbody tr:hover td { background: rgba(212, 175, 55, 0.04); }
html[data-theme="light"] .compare-dot { border-radius: 50%; }
html[data-theme="light"] .compare-dot.accent-blue { background: var(--blue); }
html[data-theme="light"] .compare-dot.accent-gold { background: var(--gold); }
html[data-theme="light"] .compare-dot.accent-green { background: var(--green); }
html[data-theme="light"] .compare-yes { color: var(--green); }
html[data-theme="light"] .compare-no { color: var(--text-muted); }
html[data-theme="light"] .compare-table a { color: var(--gold); text-decoration: none; }
html[data-theme="light"] .compare-table a:hover { text-decoration: underline; }
html[data-theme="light"] .compare-footnote { color: var(--text-muted); }
html[data-theme="light"] .mentor-photo::before { border-radius: 32px; background: radial-gradient(circle at 70% 70%, rgba(212, 175, 55, 0.3), transparent 70%); }
html[data-theme="light"] .mentor-photo-frame { border-radius: 28px; background: linear-gradient(145deg, rgba(212, 175, 55, 0.75), rgba(255, 255, 255, 0.85) 40%, rgba(212, 175, 55, 0.3)); box-shadow: 0 40px 80px -30px rgba(15, 23, 42, 0.18), 0 0 80px -30px rgba(212, 175, 55, 0.245); }
html[data-theme="light"] .mentor-photo-frame img { border-radius: 27px; }
html[data-theme="light"] .mentor-photo-badge { border-radius: 999px; color: var(--text-main); background: rgba(243, 245, 249, 0.88); border: 1px solid rgba(212, 175, 55, 0.4); box-shadow: 0 12px 30px -10px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .mentor-photo-badge i { color: var(--gold); }
html[data-theme="light"] .mentor-content p { color: var(--text-muted); }
html[data-theme="light"] .mentor-content strong { color: var(--text-main); }
html[data-theme="light"] .mentor-chips span { border-radius: 999px; color: var(--gold-light); background: rgba(212, 175, 55, 0.08); border: 1px solid rgba(212, 175, 55, 0.25); }
html[data-theme="light"] .pillar { border-radius: var(--p-radius); }
html[data-theme="light"] .pillar i { border-radius: 20px; background: rgba(255, 255, 255, 0.75); border: 1px solid var(--p-border); }
html[data-theme="light"] .pillar p { color: var(--text-muted); }
html[data-theme="light"] .pillar:hover { border-color: var(--p-border-hover); box-shadow: var(--p-shadow-hover); }
html[data-theme="light"] .quote-box { border: 1px solid var(--p-border); border-radius: 24px; background: var(--p-surface); }
html[data-theme="light"] .quote-box i { border-radius: 50%; color: var(--gold); background: var(--p-surface-solid); border: 1px solid rgba(212, 175, 55, 0.35); }
html[data-theme="light"] .audience-card { border-radius: 18px; }
html[data-theme="light"] .audience-card:hover { border-color: rgba(16, 185, 129, 0.4); }
html[data-theme="light"] .audience-card i { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0.042); }
html[data-theme="light"] .benefit-card { border-radius: 22px; }
html[data-theme="light"] .benefit-card.featured { background: linear-gradient(180deg, rgba(212, 175, 55, 0.09), rgba(212, 175, 55, 0.02)), var(--bg-card); border-color: rgba(212, 175, 55, 0.35); }
html[data-theme="light"] .home-testimonial { border-radius: 22px; }
html[data-theme="light"] .home-testimonial:hover { border-color: var(--p-border-hover); box-shadow: var(--p-shadow-hover); }
html[data-theme="light"] .home-quote { color: var(--gold); }
html[data-theme="light"] .home-testimonial blockquote { color: var(--text-main); }
html[data-theme="light"] .home-testimonial figcaption { border-top: 1px solid rgba(15, 23, 42, 0.112); color: var(--gold); }
html[data-theme="light"] .home-testimonial figcaption strong { color: var(--text-main); }
html[data-theme="light"] .home-avatar { border-radius: 50%; color: #0b0b0b; background: var(--p-gold-grad); }
html[data-theme="light"] .faq-item { border-radius: 16px; }
html[data-theme="light"] .faq-item:hover { border-color: rgba(212, 175, 55, 0.3); }
html[data-theme="light"] .faq-item:has(.faq-question.active) { border-color: rgba(212, 175, 55, 0.45); box-shadow: 0 0 40px -18px rgba(212, 175, 55, 0.35); }
html[data-theme="light"] .faq-question i { border-radius: 50%; color: var(--gold); background: rgba(212, 175, 55, 0.1); }
html[data-theme="light"] .tg-card { border-radius: 28px; background: radial-gradient(600px 300px at 0% 0%, rgba(56, 189, 248, 0.25), transparent 60%),
        linear-gradient(135deg, #ecf3f9 0%, #edf1f5 55%, #f0f3f7 100%); border: 1px solid rgba(56, 189, 248, 0.3); box-shadow: 0 40px 80px -40px rgba(14, 165, 233, 0.385); }
html[data-theme="light"] .tg-icon { border-radius: 24px; color: #ffffff; background: linear-gradient(135deg, #38bdf8, #0284c7); box-shadow: 0 16px 40px -12px rgba(56, 189, 248, 0.56); }
html[data-theme="light"] .tg-text h3 { color: #0f1729; }
html[data-theme="light"] .tg-text p { color: #2c313f; }
html[data-theme="light"] .tg-btn { border-radius: 999px; text-decoration: none; color: #04121d; background: linear-gradient(135deg, #7dd3fc, #38bdf8); box-shadow: 0 14px 30px -10px rgba(56, 189, 248, 0.56), inset 0 1px 0 rgba(255, 255, 255, 0.5); }
html[data-theme="light"] .tg-btn:hover { box-shadow: 0 20px 40px -12px rgba(56, 189, 248, 0.63); }
html[data-theme="light"] .cta-card { border-radius: 32px; background: radial-gradient(700px 300px at 50% 0%, rgba(212, 175, 55, 0.16), transparent 70%),
        var(--p-surface), var(--bg-card); border: 1px solid rgba(212, 175, 55, 0.28); box-shadow: 0 50px 100px -50px rgba(212, 175, 55, 0.245), var(--p-shadow); }
html[data-theme="light"] .cta-card::before { background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.8), transparent); }
html[data-theme="light"] .cta-subtitle { color: var(--text-muted); }
html[data-theme="light"] .footer { background: linear-gradient(180deg, #f6f8fa 0%, #f8f9fb 100%); border-top: 1px solid rgba(15, 23, 42, 0.096); }
html[data-theme="light"] .footer::before { background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.6), transparent); }
html[data-theme="light"] .footer-links a:hover { color: var(--gold-light); }
html[data-theme="light"] .p-whatsapp { border-radius: 50%; color: #ffffff; text-decoration: none; background: linear-gradient(135deg, #2ee27a, #18a957); box-shadow: 0 14px 34px -8px rgba(37, 211, 102, 0.49); }
html[data-theme="light"] .p-whatsapp::before { border-radius: 50%; background: rgba(37, 211, 102, 0.45); }
html[data-theme="light"] .p-whatsapp-label { border-radius: 8px; color: #f8fafc; background: #0f1729; box-shadow: 0 8px 20px -8px rgba(15, 23, 42, 0.175); }
html[data-theme="light"] .hero-title .gradient-text-gold { background: linear-gradient(110deg, #a27a26 0%, #a18323 22%, #a27e00 36%, #a18323 50%, #a27a26 72%, #a18323 100%); background-size: 250% 100%; -webkit-background-clip: text; background-clip: text; }
html[data-theme="light"] .hero-cursor-glow { background: radial-gradient(520px circle at var(--gx, 72%) var(--gy, 35%), rgba(212, 175, 55, 0.09), transparent 60%); }
html[data-theme="light"] .hero-float { border-radius: 16px; background: rgba(241, 243, 248, 0.8); border: 1px solid rgba(15, 23, 42, 0.16); box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.18); }
html[data-theme="light"] .hero-float strong { color: var(--text-main); }
html[data-theme="light"] .hero-float small { color: var(--text-muted); }
html[data-theme="light"] .hf-icon { border-radius: 10px; }
html[data-theme="light"] .hf-icon.green { color: var(--green); background: rgba(16, 185, 129, 0.15); }
html[data-theme="light"] .hf-icon.gold { color: var(--gold); background: rgba(212, 175, 55, 0.15); }
html[data-theme="light"] .hero-float-1 strong { color: var(--green); }
html[data-theme="light"] .course-card.has-ribbon::after, html[data-theme="light"] .cta-card::after { border-radius: inherit; background: conic-gradient(from var(--beam-angle), transparent 0 68%, var(--beam-color, #d4af37) 80%, #0f1729 85%, var(--beam-color, #d4af37) 90%, transparent 100%); }
html[data-theme="light"] .course-card.has-ribbon::after { --beam-color: #34d399; }
html[data-theme="light"] .marquee-band { border-top: 1px solid rgba(15, 23, 42, 0.096); border-bottom: 1px solid rgba(15, 23, 42, 0.096); }
html[data-theme="light"] .marquee-track span { color: transparent; }
html[data-theme="light"] .marquee-track span:nth-of-type(3n + 1) { background: var(--p-gold-grad); -webkit-background-clip: text; background-clip: text; }
html[data-theme="light"] .marquee-track i { color: var(--gold); }
html[data-theme="light"] .result-card { border-radius: 22px; text-decoration: none; color: inherit; background: var(--p-surface), var(--bg-card); border: 1px solid var(--p-border); box-shadow: var(--p-shadow); }
html[data-theme="light"] .result-card:hover { border-color: rgba(16, 185, 129, 0.45); box-shadow: var(--p-shadow-hover), 0 0 60px -25px rgba(16, 185, 129, 0.42); }
html[data-theme="light"] .result-img { background: #fbfbfb; }
html[data-theme="light"] .result-img::after { background: linear-gradient(180deg, transparent 55%, rgba(246, 248, 250, 0.75)); }
html[data-theme="light"] .result-badge { border-radius: 999px; color: #04130d; background: linear-gradient(135deg, #34d399, #10b981); box-shadow: 0 6px 16px -6px rgba(16, 185, 129, 0.56); }
html[data-theme="light"] .result-amount { color: var(--green); }
html[data-theme="light"] .result-title { color: var(--text-main); }
html[data-theme="light"] .result-meta { color: var(--text-muted); }
html[data-theme="light"] .result-meta i { color: var(--green); }
html[data-theme="light"] .results-note { color: var(--text-muted); }
html[data-theme="light"] .theta-points li { color: var(--text-main); }
html[data-theme="light"] .theta-points i { border-radius: 50%; color: var(--gold); background: rgba(212, 175, 55, 0.12); }
html[data-theme="light"] .theta-widget { border-radius: 26px; background: var(--p-surface), var(--bg-card); border: 1px solid rgba(212, 175, 55, 0.22); box-shadow: 0 40px 80px -40px rgba(212, 175, 55, 0.21), var(--p-shadow); }
html[data-theme="light"] .theta-label { color: var(--text-muted); }
html[data-theme="light"] .theta-premium { color: var(--text-main); }
html[data-theme="light"] .theta-gain-val { color: var(--green); }
html[data-theme="light"] .theta-grid-lines line { stroke: rgba(15, 23, 41, 0.06); }
html[data-theme="light"] .theta-full { fill: none; stroke: rgba(15, 23, 41, 0.16); }
html[data-theme="light"] .theta-line { fill: none; filter: drop-shadow(0 0 8px rgba(212, 175, 55, 0.385)); }
html[data-theme="light"] .theta-cursor { stroke: rgba(161, 131, 35, 0.45); }
html[data-theme="light"] .theta-dot { fill: #1a2644; stroke: #a18323; }
html[data-theme="light"] .theta-dot-halo { fill: rgba(161, 131, 35, 0.25); }
html[data-theme="light"] .theta-axis { fill: var(--text-muted); }
html[data-theme="light"] .theta-slider label { color: var(--text-muted); }
html[data-theme="light"] .theta-slider label strong { color: var(--text-main); }
html[data-theme="light"] .theta-slider input[type="range"] { border-radius: 99px; outline: none; background: linear-gradient(90deg, #d4af37 var(--fill, 0%), rgba(255, 255, 255, 0.95) var(--fill, 0%)); }
html[data-theme="light"] .theta-slider input[type="range"]::-webkit-slider-thumb { border-radius: 50%; background: #e9c663; border: 3px solid #d7ddea; box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.175), 0 6px 16px -4px rgba(212, 175, 55, 0.56); }
html[data-theme="light"] .theta-slider input[type="range"]::-moz-range-thumb { border-radius: 50%; background: #e9c663; border: 3px solid #d7ddea; box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.175), 0 6px 16px -4px rgba(212, 175, 55, 0.56); }
html[data-theme="light"] .theta-slider input[type="range"]:focus-visible { box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.245); }
html[data-theme="light"] .theta-note { color: var(--text-muted); }
html[data-theme="light"] .course-finder { border-radius: 26px; background: radial-gradient(600px 240px at 0% 0%, rgba(212, 175, 55, 0.1), transparent 70%),
        var(--p-surface), var(--bg-card); border: 1px solid rgba(212, 175, 55, 0.22); box-shadow: var(--p-shadow); }
html[data-theme="light"] .finder-icon { border-radius: 16px; color: #0b0b0b; background: var(--p-gold-grad); box-shadow: 0 10px 24px -8px rgba(212, 175, 55, 0.49); }
html[data-theme="light"] .finder-head p { color: var(--text-muted); }
html[data-theme="light"] .finder-q { border: 0; }
html[data-theme="light"] .finder-q legend { color: var(--text-main); }
html[data-theme="light"] .finder-q legend span { border-radius: 50%; color: var(--gold); border: 1px solid rgba(212, 175, 55, 0.5); }
html[data-theme="light"] .finder-q.answered legend span { color: #0b0b0b; background: var(--p-gold-grad); border-color: transparent; }
html[data-theme="light"] .finder-q label span { border-radius: 12px; color: var(--text-muted); background: rgba(255, 255, 255, 0.675); border: 1px solid var(--p-border); }
html[data-theme="light"] .finder-q label:hover span { border-color: rgba(212, 175, 55, 0.4); color: var(--text-main); }
html[data-theme="light"] .finder-q input:checked + span { color: var(--text-main); border-color: var(--gold); background: rgba(212, 175, 55, 0.1); box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.084); }
html[data-theme="light"] .finder-q input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 2px; }
html[data-theme="light"] .finder-result { border-radius: 18px; border: 1px solid var(--accent); background: linear-gradient(135deg, var(--accent-dim), transparent 70%); }
html[data-theme="light"] .finder-result-tag { color: var(--accent); }
html[data-theme="light"] .finder-result p { color: var(--text-muted); }
html[data-theme="light"] .finder-result-meta { color: var(--text-main); }
html[data-theme="light"] .finder-result-meta i { color: var(--accent); }
html[data-theme="light"] .course-summary { border-radius: 12px; border: 1px solid rgba(212, 175, 55, 0.3); background: rgba(212, 175, 55, 0.06); }
html[data-theme="light"] .cs-row strong { color: var(--text-main); }
html[data-theme="light"] .cs-row a { text-decoration: none; color: var(--gold); }
html[data-theme="light"] .cs-meta { color: var(--text-muted); }
html[data-theme="light"] .cs-plans span { border-radius: 8px; color: var(--text-muted); background: rgba(255, 255, 255, 0.75); border: 1px solid var(--p-border); }
html[data-theme="light"] .cs-plans b { color: var(--text-main); }
html[data-theme="light"] .next-steps { border-radius: 20px; background: var(--p-surface), var(--bg-card); border: 1px solid var(--p-border); box-shadow: var(--p-shadow); }
html[data-theme="light"] .next-steps-title { color: var(--text-main); }
html[data-theme="light"] .next-steps li > span { border-radius: 50%; color: #0b0b0b; background: var(--p-gold-grad); box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.084); }
html[data-theme="light"] .next-steps li:not(:last-child)::before { background: linear-gradient(rgba(212, 175, 55, 0.5), rgba(212, 175, 55, 0.08)); }
html[data-theme="light"] .next-steps strong { color: var(--text-main); }
html[data-theme="light"] .next-steps p { color: var(--text-muted); }
html[data-theme="light"] .theta-rate { border-radius: 999px; color: #f83838; background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.25); }
html[data-theme="light"] .theta-particles circle { fill: #a47d10; filter: drop-shadow(0 0 3px rgba(212, 175, 55, 0.63)); }
html[data-theme="light"] .theta-expiry-ring { fill: none; stroke: rgba(13, 147, 103, 0.7); }
html[data-theme="light"] .theta-widget.at-expiry { border-color: rgba(16, 185, 129, 0.55); box-shadow: 0 40px 80px -40px rgba(16, 185, 129, 0.315), var(--p-shadow); }
html[data-theme="light"] .theta-expiry-badge { border-radius: 999px; color: #04130d; background: linear-gradient(135deg, #34d399, #10b981); box-shadow: 0 14px 30px -10px rgba(16, 185, 129, 0.56); }
html[data-theme="light"] .theta-play { border: 0; border-radius: 999px; color: #0b0b0b; background: var(--p-gold-grad); box-shadow: 0 8px 20px -8px rgba(212, 175, 55, 0.56); }
html[data-theme="light"] .theta-play:hover { box-shadow: 0 12px 26px -8px rgba(212, 175, 55, 0.63); }
html[data-theme="light"] .theta-play.playing { color: var(--text-main); background: rgba(255, 255, 255, 0.95); box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.35); }
html[data-theme="light"] .theta-vs { border-top: 1px solid rgba(15, 23, 42, 0.112); }
html[data-theme="light"] .vs-label { color: var(--text-muted); }
html[data-theme="light"] .vs-bar { border-radius: 99px; background: rgba(255, 255, 255, 0.85); }
html[data-theme="light"] .vs-fill { border-radius: 99px; }
html[data-theme="light"] .vs-red { background: linear-gradient(90deg, #f87171, #dc2626); box-shadow: 0 0 12px rgba(239, 68, 68, 0.35); }
html[data-theme="light"] .vs-green { background: linear-gradient(90deg, #34d399, #10b981); box-shadow: 0 0 12px rgba(16, 185, 129, 0.35); }
html[data-theme="light"] .vs-red-text { color: #f64040; }
html[data-theme="light"] .vs-green-text { color: var(--green); }
html[data-theme="light"] .vs-caption { color: var(--text-muted); }
html[data-theme="light"] [data-page="about"] .bento-card { border-color: var(--p-border); box-shadow: var(--p-shadow); }
html[data-theme="light"] [data-page="about"] .bento-card:hover { border-color: var(--p-border-hover); box-shadow: var(--p-shadow-hover); }
html[data-theme="light"] [data-page="join"] .form-card { background: var(--p-surface), var(--bg-card); border: 1px solid rgba(212, 175, 55, 0.25); box-shadow: 0 40px 90px -40px rgba(212, 175, 55, 0.21), var(--p-shadow); }
html[data-theme="light"] [data-page="join"] .form-card::before { background: linear-gradient(90deg, transparent, rgba(212, 175, 55, 0.8), transparent); }
html[data-theme="light"] [data-page="join"] .form-control:focus { box-shadow: 0 0 0 4px rgba(212, 175, 55, 0.084); }
@media (max-width: 768px) {
  html[data-theme="light"] .p-mobile-bar { border-radius: 18px; background: rgba(243, 245, 249, 0.88); border: 1px solid rgba(212, 175, 55, 0.25); box-shadow: 0 20px 40px -15px rgba(15, 23, 42, 0.18); }
  html[data-theme="light"] .p-mobile-bar a { border-radius: 12px; text-decoration: none; }
  html[data-theme="light"] .p-mobile-bar .pmb-apply { color: #0b0b0b; background: var(--p-gold-grad); }
  html[data-theme="light"] .p-mobile-bar .pmb-wa { color: #ffffff; background: linear-gradient(135deg, #2ee27a, #18a957); }
  html[data-theme="light"] .stat-item:nth-child(n + 3) { border-top: 1px solid rgba(15, 23, 42, 0.096); }
  html[data-theme="light"] .journey-line { background: linear-gradient(rgba(212, 175, 55, 0.7), rgba(212, 175, 55, 0.1)); }
  html[data-theme="light"] .cta-card { border-radius: 24px; }
}
/* ---- generated from index.html <style> ---- */
html[data-theme="light"]:where([data-page="index"]) #preloader { background: #eef2f7 !important; }
html[data-theme="light"]:where([data-page="index"]) .pl-grid { background-image: linear-gradient(rgba(212, 175, 55, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(212, 175, 55, 0.03) 1px, transparent 1px); background-size: 40px 40px; }
html[data-theme="light"]:where([data-page="index"]) .pl-scanline { background: linear-gradient(90deg, transparent, var(--gold), transparent); box-shadow: 0 0 15px var(--gold); }
html[data-theme="light"]:where([data-page="index"]) .pl-wick { background: currentColor; }
html[data-theme="light"]:where([data-page="index"]) .pl-body { background: currentColor; border-radius: 2px; box-shadow: 0 0 10px currentColor; }
html[data-theme="light"]:where([data-page="index"]) .pl-candle-wrap.green { color: var(--green); }
html[data-theme="light"]:where([data-page="index"]) .pl-candle-wrap.red { color: var(--red); }
html[data-theme="light"]:where([data-page="index"]) .pl-pulse { background: radial-gradient(circle, var(--gold-dim) 0%, transparent 70%); border-radius: 50%; }
html[data-theme="light"]:where([data-page="index"]) .pl-stats { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; }
html[data-theme="light"]:where([data-page="index"]) .pl-stat-val.up { color: var(--green); }
html[data-theme="light"]:where([data-page="index"]) .pl-stat-val.down { color: var(--red); }
html[data-theme="light"]:where([data-page="index"]) .pl-stat-lbl { color: var(--text-muted); }
html[data-theme="light"]:where([data-page="index"]) .pl-logo { color: #0f1729; }
html[data-theme="light"]:where([data-page="index"]) .pl-logo span { color: var(--gold); }
html[data-theme="light"]:where([data-page="index"]) .pl-tagline { color: var(--text-muted); }
html[data-theme="light"]:where([data-page="index"]) .pl-bar-track { background: rgba(255, 255, 255, 0.8); border-radius: 10px; }
html[data-theme="light"]:where([data-page="index"]) .pl-bar-fill { background: var(--gold-gradient); box-shadow: 0 0 10px var(--gold); }
html[data-theme="light"]:where([data-page="index"]) .pl-bar-pct { color: var(--gold); }
html[data-theme="light"]:where([data-page="index"]) .pdf-modal-overlay { background: rgba(246, 247, 250, 0.85); }
html[data-theme="light"]:where([data-page="index"]) .pdf-modal-box { background: linear-gradient(145deg, #eff1f6, #ebeef4); border: 1px solid rgba(212, 175, 55, 0.25); border-radius: 20px; box-shadow: 0 30px 80px rgba(15, 23, 42, 0.18); }
html[data-theme="light"]:where([data-page="index"]) .pdf-modal-close { background: rgba(255, 255, 255, 0.9); border: none; color: #0f1729; border-radius: 50%; }
html[data-theme="light"]:where([data-page="index"]) .pdf-modal-close:hover { background: rgba(255, 255, 255, 0.95); }
html[data-theme="light"]:where([data-page="index"]) .pdf-modal-icon { background: rgba(212, 175, 55, 0.1); border: 1px solid rgba(212, 175, 55, 0.25); border-radius: 16px; }
html[data-theme="light"]:where([data-page="index"]) .pdf-modal-icon i { color: var(--gold); }
html[data-theme="light"]:where([data-page="index"]) .pdf-modal-title span { color: var(--gold); }
html[data-theme="light"]:where([data-page="index"]) .pdf-modal-subtitle { color: var(--text-muted); }
html[data-theme="light"]:where([data-page="index"]) .pdf-form-group label { color: var(--text-main); }
html[data-theme="light"]:where([data-page="index"]) .req { color: var(--red); }
html[data-theme="light"]:where([data-page="index"]) .pdf-form-group input, html[data-theme="light"]:where([data-page="index"]) .pdf-form-group select { background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(15, 23, 42, 0.16); border-radius: 10px; color: var(--text-main); outline: none; }
html[data-theme="light"]:where([data-page="index"]) .pdf-form-group input:focus, html[data-theme="light"]:where([data-page="index"]) .pdf-form-group select:focus { border-color: var(--gold); }
html[data-theme="light"]:where([data-page="index"]) .pdf-form-group select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23888' d='M6 7L0 0h12z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; }
html[data-theme="light"]:where([data-page="index"]) .pdf-form-group select option { background: #eff1f6; }
html[data-theme="light"]:where([data-page="index"]) .pdf-privacy { color: var(--text-muted); }
html[data-theme="light"]:where([data-page="index"]) .pdf-success i { color: var(--green); }
html[data-theme="light"]:where([data-page="index"]) .pdf-success p { color: var(--text-muted); }
/* ---- inline styles on index.html ---- */
html[data-theme="light"]:where([data-page="index"]) [style="background: linear-gradient(90deg, #0f172a 0%, #0088cc 100%); padding: 40px 0; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1);"] { background: linear-gradient(90deg, #edf0f5 0%, #0088cc 100%) !important; border-top: 1px solid rgba(15, 23, 42, 0.16) !important; border-bottom: 1px solid rgba(15, 23, 42, 0.16) !important; }
html[data-theme="light"]:where([data-page="index"]) [style="font-size: 3rem; color: #38bdf8;"] { color: #0789c3 !important; }
html[data-theme="light"]:where([data-page="index"]) [style="font-size: 2rem; margin-bottom: 15px; color: white;"] { color: #0f1729 !important; }
html[data-theme="light"]:where([data-page="index"]) [style="font-size: 1.1rem; margin-bottom: 25px; color: #e2e8f0; max-width: 600px; margin-left: auto; margin-right: auto;"] { color: #1a2745 !important; }
/* ---- generated from about.html <style> ---- */
html[data-theme="light"]:where([data-page="about"]) #preloader { background: #eef2f7 !important; }
html[data-theme="light"]:where([data-page="about"]) .pl-grid { background-image: linear-gradient(rgba(212, 175, 55, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(212, 175, 55, 0.03) 1px, transparent 1px); background-size: 40px 40px; }
html[data-theme="light"]:where([data-page="about"]) .pl-scanline { background: linear-gradient(90deg, transparent, var(--gold), transparent); box-shadow: 0 0 15px var(--gold); }
html[data-theme="light"]:where([data-page="about"]) .pl-wick { background: currentColor; }
html[data-theme="light"]:where([data-page="about"]) .pl-body { background: currentColor; border-radius: 2px; box-shadow: 0 0 10px currentColor; }
html[data-theme="light"]:where([data-page="about"]) .pl-candle-wrap.green { color: var(--green); }
html[data-theme="light"]:where([data-page="about"]) .pl-candle-wrap.red { color: var(--red); }
html[data-theme="light"]:where([data-page="about"]) .pl-pulse { background: radial-gradient(circle, var(--gold-dim) 0%, transparent 70%); border-radius: 50%; }
html[data-theme="light"]:where([data-page="about"]) .pl-stats { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; }
html[data-theme="light"]:where([data-page="about"]) .pl-stat-val.up { color: var(--green); }
html[data-theme="light"]:where([data-page="about"]) .pl-stat-val.down { color: var(--red); }
html[data-theme="light"]:where([data-page="about"]) .pl-stat-lbl { color: var(--text-muted); }
html[data-theme="light"]:where([data-page="about"]) .pl-logo { color: #0f1729; }
html[data-theme="light"]:where([data-page="about"]) .pl-logo span { color: var(--gold); }
html[data-theme="light"]:where([data-page="about"]) .pl-tagline { color: var(--text-muted); }
html[data-theme="light"]:where([data-page="about"]) .pl-bar-track { background: rgba(255, 255, 255, 0.8); border-radius: 10px; }
html[data-theme="light"]:where([data-page="about"]) .pl-bar-fill { background: var(--gold-gradient); box-shadow: 0 0 10px var(--gold); }
html[data-theme="light"]:where([data-page="about"]) .pl-bar-pct { color: var(--gold); }
html[data-theme="light"]:where([data-page="about"]) .about-page-bg { background-color: #f2f4f8; background-image: linear-gradient(rgba(255, 255, 255, 0.7) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.7) 1px, transparent 1px); background-size: 60px 60px; }
html[data-theme="light"]:where([data-page="about"]) .about-hero::before { background: radial-gradient(ellipse 80% 60% at 50% 0%, rgba(240, 180, 41, 0.12) 0%, transparent 70%); }
html[data-theme="light"]:where([data-page="about"]) .about-hero .pill { background: rgba(240, 180, 41, 0.12); border: 1px solid rgba(240, 180, 41, 0.35); color: var(--gold); border-radius: 50px; }
html[data-theme="light"]:where([data-page="about"]) .about-hero h1 { color: #0f1729; }
html[data-theme="light"]:where([data-page="about"]) .about-hero h1 span { color: var(--gold); }
html[data-theme="light"]:where([data-page="about"]) .about-hero p { color: #596480; }
html[data-theme="light"]:where([data-page="about"]) .bento-card { background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(15, 23, 42, 0.128); border-radius: 20px; }
html[data-theme="light"]:where([data-page="about"]) .bento-card:hover { border-color: rgba(240, 180, 41, 0.3); }
html[data-theme="light"]:where([data-page="about"]) .bento-card::before { background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.95), transparent); }
html[data-theme="light"]:where([data-page="about"]) .card-photo { background: linear-gradient(135deg, rgba(240, 180, 41, 0.08) 0%, rgba(237, 240, 245, 0.9) 100%); }
html[data-theme="light"]:where([data-page="about"]) .card-photo img { border-radius: 20px; }
html[data-theme="light"]:where([data-page="about"]) .card-intro .card-tag { color: var(--gold); }
html[data-theme="light"]:where([data-page="about"]) .card-intro h2 { color: #0f1729; }
html[data-theme="light"]:where([data-page="about"]) .card-intro p { color: #596480; }
html[data-theme="light"]:where([data-page="about"]) .chip { background: rgba(240, 180, 41, 0.1); border: 1px solid rgba(240, 180, 41, 0.25); color: var(--gold); border-radius: 50px; }
html[data-theme="light"]:where([data-page="about"]) .stat-card { background: rgba(255, 255, 255, 0.725); }
html[data-theme="light"]:where([data-page="about"]) .stat-card .stat-icon { border-radius: 14px; }
html[data-theme="light"]:where([data-page="about"]) .stat-card .stat-label { color: #64748b; }
html[data-theme="light"]:where([data-page="about"]) .gold-icon { background: rgba(240, 180, 41, 0.15); color: var(--gold); }
html[data-theme="light"]:where([data-page="about"]) .green-icon { background: rgba(34, 197, 94, 0.15); color: var(--green); }
html[data-theme="light"]:where([data-page="about"]) .blue-icon { background: rgba(56, 189, 248, 0.15); color: var(--blue-tg); }
html[data-theme="light"]:where([data-page="about"]) .red-icon { background: rgba(239, 68, 68, 0.15); color: #ef4444; }
html[data-theme="light"]:where([data-page="about"]) .gold-num { color: var(--gold); }
html[data-theme="light"]:where([data-page="about"]) .green-num { color: var(--green); }
html[data-theme="light"]:where([data-page="about"]) .blue-num { color: var(--blue-tg); }
html[data-theme="light"]:where([data-page="about"]) .red-num { color: #ef4444; }
html[data-theme="light"]:where([data-page="about"]) .card-highlights h3 { color: #0f1729; }
html[data-theme="light"]:where([data-page="about"]) .highlight-list li { background: rgba(255, 255, 255, 0.75); border-radius: 12px; border: 1px solid rgba(15, 23, 42, 0.096); }
html[data-theme="light"]:where([data-page="about"]) .highlight-list li:hover { background: rgba(255, 255, 255, 0.9); }
html[data-theme="light"]:where([data-page="about"]) .hl-icon { border-radius: 10px; }
html[data-theme="light"]:where([data-page="about"]) .hl-text h4 { color: #0f1729; }
html[data-theme="light"]:where([data-page="about"]) .hl-text p { color: #64748b; }
html[data-theme="light"]:where([data-page="about"]) .card-telegram { background: linear-gradient(135deg, #edf0f5 0%, rgba(236, 244, 249, 0.8) 100%); border-color: rgba(56, 189, 248, 0.2); }
html[data-theme="light"]:where([data-page="about"]) .card-telegram::after { border-radius: 50%; background: rgba(56, 189, 248, 0.07); }
html[data-theme="light"]:where([data-page="about"]) .tg-logo { border-radius: 16px; background: linear-gradient(135deg, #38bdf8, #0ea5e9); color: #ffffff; box-shadow: 0 8px 24px rgba(56, 189, 248, 0.245); }
html[data-theme="light"]:where([data-page="about"]) .tg-header-text h3 { color: #0f1729; }
html[data-theme="light"]:where([data-page="about"]) .tg-header-text p { color: #0789c3; }
html[data-theme="light"]:where([data-page="about"]) .tg-features li { color: #353c4d; }
html[data-theme="light"]:where([data-page="about"]) .tg-features li i { color: var(--green); }
html[data-theme="light"]:where([data-page="about"]) .tg-btn { background: linear-gradient(135deg, #38bdf8 0%, #0ea5e9 100%); color: #0f172a; border-radius: 14px; text-decoration: none; box-shadow: 0 8px 24px rgba(56, 189, 248, 0.175); }
html[data-theme="light"]:where([data-page="about"]) .tg-btn:hover { box-shadow: 0 14px 32px rgba(56, 189, 248, 0.28); }
html[data-theme="light"]:where([data-page="about"]) .tg-member-badge { background: rgba(56, 189, 248, 0.1); border: 1px solid rgba(56, 189, 248, 0.25); color: #0789c3; border-radius: 50px; }
html[data-theme="light"]:where([data-page="about"]) .tg-member-badge span { border-radius: 50%; background: #22c55e; }
html[data-theme="light"]:where([data-page="about"]) .card-mission { background: linear-gradient(90deg, rgba(240, 180, 41, 0.07) 0%, rgba(242, 244, 248, 0.9) 100%); border-color: rgba(240, 180, 41, 0.15); }
html[data-theme="light"]:where([data-page="about"]) .mission-quote blockquote { color: #0f1729; border: none; }
html[data-theme="light"]:where([data-page="about"]) .mission-quote blockquote span { color: var(--gold); }
html[data-theme="light"]:where([data-page="about"]) .mission-cta a { background: var(--gold); color: #0f172a; border-radius: 12px; text-decoration: none; box-shadow: 0 8px 24px rgba(240, 180, 41, 0.175); }
html[data-theme="light"]:where([data-page="about"]) .mission-cta a:hover { box-shadow: 0 14px 28px rgba(240, 180, 41, 0.28); }
/* ---- inline styles on about.html ---- */
html[data-theme="light"]:where([data-page="about"]) [style="color:#f0b429; font-weight:700;"] { color: #a7780c !important; }
html[data-theme="light"]:where([data-page="about"]) [style="color:#f0b429;"] { color: #a7780c !important; }
html[data-theme="light"]:where([data-page="about"]) [style="color:#38bdf8"] { color: #0789c3 !important; }
/* ---- generated from clients.html <style> ---- */
html[data-theme="light"]:where([data-page="clients"]) #preloader { background: #eef2f7 !important; }
html[data-theme="light"]:where([data-page="clients"]) .pl-logo { color: #0f1729; }
html[data-theme="light"]:where([data-page="clients"]) .pl-logo span { color: var(--gold); }
/* ---- inline styles on clients.html ---- */
html[data-theme="light"]:where([data-page="clients"]) [style="margin-top: 20px; color: #94a3b8; font-size: 0.9rem;"] { color: #596480 !important; }
html[data-theme="light"]:where([data-page="clients"]) [style="border-bottom: 1px solid rgba(255,255,255,0.03); position: relative; overflow: hidden;"] { border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important; }
html[data-theme="light"]:where([data-page="clients"]) [style="font-size: 2.2rem; font-family: var(--font-heading); font-weight: 700; color: #fff; margin: 15px 0 20px;"] { color: #0f1729 !important; }
html[data-theme="light"]:where([data-page="clients"]) [style="display: flex; align-items: center; gap: 10px; color: #e2e8f0; font-size: 1rem;"] { color: #1a2745 !important; }
html[data-theme="light"]:where([data-page="clients"]) [style="color: #cbd5e1; font-size: 0.9rem; margin: 0;"] { color: #353c4d !important; }
html[data-theme="light"]:where([data-page="clients"]) [style="border-top: 1px solid rgba(255,255,255,0.05);"] { border-top: 1px solid rgba(15, 23, 42, 0.08) !important; }
html[data-theme="light"]:where([data-page="clients"]) [style="color: #fff; margin-bottom: 1rem;"] { color: #0f1729 !important; }
/* ---- generated from join.html <style> ---- */
html[data-theme="light"]:where([data-page="join"]) #preloader { background: #eef2f7 !important; }
html[data-theme="light"]:where([data-page="join"]) .pl-grid { background-image: linear-gradient(rgba(212, 175, 55, 0.03) 1px, transparent 1px),
                linear-gradient(90deg, rgba(212, 175, 55, 0.03) 1px, transparent 1px); background-size: 40px 40px; }
html[data-theme="light"]:where([data-page="join"]) .pl-scanline { background: linear-gradient(90deg, transparent, var(--gold), transparent); box-shadow: 0 0 15px var(--gold); }
html[data-theme="light"]:where([data-page="join"]) .pl-wick { background: currentColor; }
html[data-theme="light"]:where([data-page="join"]) .pl-body { background: currentColor; border-radius: 2px; box-shadow: 0 0 10px currentColor; }
html[data-theme="light"]:where([data-page="join"]) .pl-candle-wrap.green { color: var(--green); }
html[data-theme="light"]:where([data-page="join"]) .pl-candle-wrap.red { color: var(--red); }
html[data-theme="light"]:where([data-page="join"]) .pl-pulse { background: radial-gradient(circle, var(--gold-dim) 0%, transparent 70%); border-radius: 50%; }
html[data-theme="light"]:where([data-page="join"]) .pl-stats { background: rgba(255, 255, 255, 0.7); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: 12px; }
html[data-theme="light"]:where([data-page="join"]) .pl-stat-val.up { color: var(--green); }
html[data-theme="light"]:where([data-page="join"]) .pl-stat-val.down { color: var(--red); }
html[data-theme="light"]:where([data-page="join"]) .pl-stat-lbl { color: var(--text-muted); }
html[data-theme="light"]:where([data-page="join"]) .pl-logo { color: #0f1729; }
html[data-theme="light"]:where([data-page="join"]) .pl-logo span { color: var(--gold); }
html[data-theme="light"]:where([data-page="join"]) .pl-tagline { color: var(--text-muted); }
html[data-theme="light"]:where([data-page="join"]) .pl-bar-track { background: rgba(255, 255, 255, 0.8); border-radius: 10px; }
html[data-theme="light"]:where([data-page="join"]) .pl-bar-fill { background: var(--gold-gradient); box-shadow: 0 0 10px var(--gold); }
html[data-theme="light"]:where([data-page="join"]) .pl-bar-pct { color: var(--gold); }
html[data-theme="light"]:where([data-page="join"]) .form-card { background: var(--bg-card); border: 1px solid rgba(15, 23, 42, 0.08); border-radius: var(--border-radius-lg); }
html[data-theme="light"]:where([data-page="join"]) .form-label { color: var(--text-main); }
html[data-theme="light"]:where([data-page="join"]) .form-control { background: rgba(255, 255, 255, 0.75); border: 1px solid rgba(15, 23, 42, 0.16); border-radius: var(--border-radius); color: var(--text-main); }
html[data-theme="light"]:where([data-page="join"]) .form-control:focus { outline: none; border-color: var(--gold); background: rgba(255, 255, 255, 0.75); }
html[data-theme="light"]:where([data-page="join"]) .success-overlay { background: rgba(237, 240, 245, 0.95); border-radius: var(--border-radius-lg); }
html[data-theme="light"]:where([data-page="join"]) .success-overlay i { color: var(--green); }
html[data-theme="light"]:where([data-page="join"]) .back-link { color: var(--text-muted); }
html[data-theme="light"]:where([data-page="join"]) .back-link:hover { color: var(--gold); }
/* ---- hand-tuned light theme fixes (after generated rules) ---- */
html[data-theme="light"] .gradient-text-gold {
    background: linear-gradient(135deg, #b8901c 0%, #8c6a0c 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

html[data-theme="light"] .chart-placeholder::before {
    border-color: rgba(15, 23, 42, 0.25);
}


html[data-theme="light"] .theme-toggle {
    background: #ffffff;
    border-color: rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .theme-toggle:hover {
    border-color: var(--gold);
}

/* select arrow is a white SVG in the markup; use a dark one on light fields */
html[data-theme="light"] select#experience,
html[data-theme="light"] select#course {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23475569' d='M6 7L0 0h12z'/%3E%3C/svg%3E") !important;
    background-size: 12px 7px !important;
}

html[data-theme="light"] .disclaimer p {
    color: #64748b;
}

/* white reads better than dark text on the light-theme blue */
html[data-theme="light"] .course-card.accent-blue .course-apply {
    color: #ffffff;
}

/* gold gradient text needs the darker gold on light backgrounds */
html[data-theme="light"] .stat-value {
    background: linear-gradient(135deg, #b8901c 0%, #8c6a0c 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

html[data-theme="light"] .mentor-chips span {
    color: #8c6a0c;
}

/* marquee: darker gold outline / fill on light backgrounds */
html[data-theme="light"] .marquee-track span {
    -webkit-text-stroke-color: rgba(140, 106, 12, 0.5);
}

html[data-theme="light"] .marquee-track span:nth-of-type(3n + 1) {
    background: linear-gradient(135deg, #b8901c 0%, #8c6a0c 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

/* theta slider: visible empty track on light backgrounds */
html[data-theme="light"] .theta-slider input[type="range"] {
    background: linear-gradient(90deg, #c9a227 var(--fill, 0%), rgba(15, 23, 42, 0.12) var(--fill, 0%));
}

/* live trading backgrounds read a little lighter on white */
html[data-theme="light"] .trading-bg--hero {
    opacity: 0.3;
}

html[data-theme="light"] .trading-bg--section {
    opacity: 0.16;
}

html[data-theme="light"] .theta-rate {
    color: #b91c1c;
}

html[data-theme="light"] .theta-particles circle {
    fill: #c9a227;
}