/* =========================================================
   THEME 2 — Wine / Plum / Cream
   Loaded AFTER style.css by index-2.html (overrides colors only).
   Palette:  #5c1030 wine   #652134 maroon   #170f1b plum-black   #ede0bc cream
   ========================================================= */
:root{
  --bg:#170f1b;
  --bg-2:#201220;
  --bg-3:#652134;
  --card:rgba(237,224,188,.05);
  --line:rgba(237,224,188,.22);
  --gold:#ede0bc;          /* main accent = cream */
  --gold-2:#fff4d6;
  --gold-3:#b79b62;
  --cream:#fff6e0;
  --text:#efe6e0;
  --muted:#c8b5bd;
  --accent:#c2456f;        /* rose glow */

  --wine:#5c1030;
  --maroon:#652134;
  --plum:#170f1b;
  --paper:#ede0bc;
  --ink:#3a1626;           /* text on cream */
  --ink-soft:#6b4552;
}

/* ---------- Generic overrides of hard-coded gold glows ---------- */
.topbar{background:linear-gradient(90deg,var(--wine),var(--maroon),var(--wine));background-size:200% 100%;color:var(--paper)}
.pulse-dot{background:#ff5d8a}
.nav{background:rgba(23,15,27,.78)}
.btn{color:var(--plum);box-shadow:0 10px 30px rgba(237,224,188,.22),inset 0 1px 0 rgba(255,255,255,.6)}
.btn:hover{box-shadow:0 18px 44px rgba(237,224,188,.4)}
@keyframes btnPulse{0%,100%{box-shadow:0 10px 30px rgba(237,224,188,.2),0 0 0 0 rgba(237,224,188,.45)}50%{box-shadow:0 10px 36px rgba(237,224,188,.35),0 0 0 14px rgba(237,224,188,0)}}
.sticky-cta{color:var(--plum);box-shadow:0 12px 36px rgba(0,0,0,.5),0 0 30px rgba(237,224,188,.35)}
.eyebrow{background:rgba(237,224,188,.08)}
.scroll-progress{background:linear-gradient(90deg,var(--maroon),var(--paper))}

/* ---------- Dark sections: wine / maroon / plum strips ---------- */
.hero{background:
  radial-gradient(900px 560px at 85% 5%,rgba(194,69,111,.28),transparent 60%),
  radial-gradient(800px 600px at 0% 100%,rgba(92,16,48,.55),transparent 60%),
  var(--plum)}
.orb-1{background:var(--wine)}
.orb-2{background:var(--accent)}
.trust-strip{background:var(--wine);border-color:rgba(237,224,188,.18)}
.funnel{background:linear-gradient(180deg,var(--wine),var(--maroon))}
.funnel-glow{background:conic-gradient(from 0deg,var(--paper),var(--accent),var(--maroon),var(--paper))}
.framework{background:var(--plum)}
.mentor{background:linear-gradient(135deg,var(--maroon),var(--wine))}
.wa{background:var(--plum)}
.bonus{background:linear-gradient(180deg,var(--plum),var(--wine))}
.bonus-card{background:radial-gradient(500px 250px at 50% 0%,rgba(237,224,188,.14),transparent),linear-gradient(160deg,var(--maroon),var(--plum))}
.bonus-card::before{background:repeating-conic-gradient(from 0deg at 50% 120%,rgba(237,224,188,.06) 0 6deg,transparent 6deg 12deg)}
.final{background:radial-gradient(700px 400px at 50% 100%,rgba(194,69,111,.25),transparent),var(--wine)}
.footer{background:var(--plum);color:var(--muted)}

.price-card{background:linear-gradient(160deg,var(--maroon),var(--plum));border-color:var(--paper)}
@keyframes glow{50%{box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 90px rgba(237,224,188,.3)}}
.step-num{color:var(--plum);box-shadow:0 0 0 8px rgba(237,224,188,.12),0 0 40px rgba(237,224,188,.3)}
.exp-badge,.bonus-tag{color:var(--plum)}
.play-btn svg{fill:var(--plum)}
.modal-box{border-color:var(--paper)}
.modal-close{background:var(--paper);color:var(--plum)}
.frame{border-color:var(--paper)}
.price,.final-price{text-shadow:0 0 40px rgba(237,224,188,.35)}

/* ---------- LIGHT cream sections ---------- */
.light{background:var(--paper);color:var(--ink);position:relative}
.light::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(600px 300px at 90% 0%,rgba(194,69,111,.12),transparent 70%),
             radial-gradient(500px 300px at 0% 100%,rgba(92,16,48,.1),transparent 70%)}
.light>.container{position:relative}
.light h2,.light h3{color:var(--wine)}
.light h2 i{color:var(--maroon)}
.light .sec-head p{color:var(--ink-soft)}
.light .gold-text{background-image:linear-gradient(100deg,var(--wine),#a3294f 45%,var(--maroon) 70%,var(--wine));background-size:200% auto}
.light .eyebrow{color:var(--wine);border-color:rgba(92,16,48,.3);background:rgba(92,16,48,.07)}

/* buttons on cream = wine */
.light .btn{color:var(--paper);background:linear-gradient(135deg,#8a1d4a,var(--wine) 50%,var(--maroon));box-shadow:0 10px 30px rgba(92,16,48,.35),inset 0 1px 0 rgba(255,255,255,.2)}
.light .btn:hover{box-shadow:0 18px 44px rgba(92,16,48,.5)}
.light .btn::before{background:linear-gradient(100deg,transparent,rgba(255,255,255,.35),transparent)}

/* problem cards */
.problem .p-card{background:#fff9ea;border-color:rgba(92,16,48,.18);box-shadow:0 10px 30px rgba(92,16,48,.08)}
.problem .p-card span{color:rgba(92,16,48,.1)}
.problem .p-card:hover{background:#fff;border-color:var(--wine)}
.problem .p-card:hover span{color:rgba(92,16,48,.22)}
.problem .p-card p{color:var(--ink)}
.problem .p-card b{color:var(--wine)}

/* curriculum cards */
.learn .l-card{background:#fff9ea;border-color:rgba(92,16,48,.18);box-shadow:0 10px 30px rgba(92,16,48,.08)}
.learn .l-card:hover{border-color:var(--wine);box-shadow:0 24px 50px rgba(92,16,48,.18)}
.learn .l-card::after{background:linear-gradient(90deg,var(--wine),var(--accent))}
.learn .l-ico{color:var(--wine);background:rgba(92,16,48,.08);border-color:rgba(92,16,48,.2)}
.learn .l-card:hover .l-ico{background:var(--wine);color:var(--paper)}
.learn .l-card p{color:var(--ink-soft)}

/* video testimonials */
.vt .v-thumb{border-color:rgba(92,16,48,.3)}
.vt .v-card:hover .v-thumb{border-color:var(--wine);box-shadow:0 26px 50px rgba(92,16,48,.35)}
.vt .v-card figcaption b{color:var(--wine)}
.vt .v-card figcaption span{color:var(--ink-soft)}
.vt .play-btn{background:linear-gradient(135deg,var(--paper),#c9b27c)}
.light .s-arrow{background:var(--paper);border-color:var(--wine)}
.light .s-arrow svg{stroke:var(--wine)}
.light .s-arrow:hover{background:var(--wine)}
.light .s-arrow:hover svg{stroke:var(--paper)}
.light .s-dots button{background:rgba(92,16,48,.2)}
.light .s-dots button.on{background:var(--wine)}

/* FAQ */
.faq details{background:#fff9ea;border-color:rgba(92,16,48,.2)}
.faq details[open]{background:#fff;border-color:var(--wine)}
.faq summary{color:var(--wine)}
.faq summary::after{background:rgba(92,16,48,.1);color:var(--wine)}
.faq details[open] summary::after{background:var(--wine);color:var(--paper)}
.faq details p{color:var(--ink-soft)}

/* brighter highlight text on dark wine/plum sections */
.gold-text{background-image:linear-gradient(100deg,#d9c590,#fff4d6 40%,#ede0bc 60%,#d9c590);background-size:200% auto}
.light .gold-text{background-image:linear-gradient(100deg,var(--wine),#a3294f 45%,var(--maroon) 70%,var(--wine))}



@media (max-width: 640px) {
    .topbar {
        font-size: 20px;
    }
     .problem-grid {
        grid-template-columns: repeat(2,1fr);
    }
    .chips{display: none;}.countdown{display: none;}
    .hero-visual{display: none;}
    .trust-strip{display: none;}
    .v-card{flex: 0 0 min(150px, 78vw);}
    .funnel{margin-top: 20px;}
    .problem .p-card span{font-size:30px;}
    .play-btn.big {
    width: 50px;
    height: 50px;}
}