/*
Theme Name: CJT Academy
Theme URI: https://cjtacademy.com/
Author: CJT Academy
Author URI: https://cjtacademy.com/
Description: Custom single-page WordPress theme for CJT Academy — 3-Day Mindset Mastery Program. Converted from a static HTML landing page. Includes hero, program details, mentors, testimonials, FAQ, modals, and Tamil/English language toggle.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cjt-academy
Tags: one-page, landing-page, education, custom
*/

/*===== RESET =====*/
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#000;color:#fff;font-family:"Outfit",sans-serif;overflow-x:hidden;cursor:none}
:root{
  --gold:#D4AF37;--gold2:#FFD700;--gold3:#B8860B;
  --black:#000;--dark:#0A0A0A;--char:#111;--mid:#1A1A1A;
  --ghost:#F8F8F6;--grey:#888;
  --grad:linear-gradient(135deg,#D4AF37,#FFD700,#B8860B);
  --gtext:linear-gradient(135deg,#D4AF37 0%,#FFD700 50%,#D4AF37 100%);
}
/*===== CURSOR =====*/
#cur{position:fixed;width:10px;height:10px;background:var(--gold);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .3s,height .3s;mix-blend-mode:screen}
#ring{position:fixed;width:38px;height:38px;border:1px solid rgba(212,175,55,.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:width .3s,height .3s,border-color .3s}
/*===== REVEAL =====*/
.rev{opacity:0;transform:translateY(36px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
.rev.on{opacity:1;transform:translateY(0)}
.d1{transition-delay:.1s}.d2{transition-delay:.2s}.d3{transition-delay:.3s}.d4{transition-delay:.4s}
/*===== GOLD TEXT =====*/
.gt{background:var(--gtext);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shim 4s linear infinite}
@keyframes shim{0%{background-position:0% center}100%{background-position:200% center}}
/*===== GOLD BAR =====*/
.gbar{width:0;height:2px;background:var(--grad);border-radius:2px;margin:16px 0 30px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}
.gbar.on{width:64px}
/*===== LABEL =====*/
.lbl{font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:12px}
.lbl-dk{color:var(--gold3) !important}
/*===== NAV =====*/
nav{position:fixed;top:0;left:0;right:0;z-index:1000;height:70px;padding:0 60px;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.75);backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,175,55,.12);transition:background .4s}
nav.scrolled{background:rgba(0,0,0,.97);border-bottom-color:rgba(212,175,55,.22)}
.nlogo{font-family:"Bebas Neue",sans-serif;font-size:26px;letter-spacing:.08em;text-decoration:none;color:#fff}
.nlogo span{color:var(--gold)}
.nlinks{display:flex;gap:34px;list-style:none}
.nlinks a{color:rgba(255,255,255,.6);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;transition:color .3s;cursor:none}
.nlinks a:hover{color:#fff}
.ncta{background:var(--grad);color:#000 !important;padding:9px 22px;border-radius:6px;font-weight:700 !important;position:relative;overflow:hidden}
.ncta::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transition:left .5s}
.ncta:hover::after{left:100%}
.hbg{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:none;padding:4px}
.hbg span{display:block;width:22px;height:1.5px;background:#fff;transition:.3s}
/*===== MOBILE NAV =====*/
.mnav{position:fixed;inset:0;background:rgba(0,0,0,.97);z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;opacity:0;pointer-events:none;transition:opacity .3s}
.mnav.open{opacity:1;pointer-events:all}
.mnav a{font-family:"Bebas Neue",sans-serif;font-size:42px;letter-spacing:.1em;color:#fff;text-decoration:none;transition:color .3s;cursor:none}
.mnav a:hover{color:var(--gold)}
.mclose{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:26px;cursor:none;line-height:1}
/*===== BUTTONS =====*/
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:6px;font-size:14px;font-weight:700;letter-spacing:.05em;text-decoration:none;cursor:none;border:none;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}
.btn-g{background:var(--grad);color:#000}
.btn-g::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}
.btn-g:hover::after{left:100%}
.btn-g:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(212,175,55,.4)}
.btn-o{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.18)}
.btn-o:hover{border-color:var(--gold);color:var(--gold);background:rgba(212,175,55,.05)}
.bico{font-size:16px;transition:transform .3s}
.btn-g:hover .bico,.btn-o:hover .bico{transform:translateX(3px)}
/*===== SECTION =====*/
.sp{padding:72px 0}
.con{max-width:1200px;margin:0 auto;padding:0 60px}
.sh{font-family:"Bebas Neue",sans-serif;font-size:clamp(38px,5vw,68px);line-height:.95;letter-spacing:.02em}
/*===== WAVE =====*/
.wdiv{height:48px;display:flex;align-items:center;justify-content:center;gap:3px;overflow:hidden}
.wb{width:3px;border-radius:2px;background:var(--grad);opacity:.35;animation:wv 1.5s ease-in-out infinite}
.wb:nth-child(even){animation-delay:.15s}
.wb:nth-child(3n){animation-delay:.3s}
@keyframes wv{0%,100%{height:5px}50%{height:34px}}
/*===== HERO =====*/
#hero{position:relative;min-height:100vh;overflow:hidden;background:#000;display:flex;align-items:center;padding-top:70px}
#pcan{position:absolute;inset:0;z-index:0}
.hglow{position:absolute;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.12) 0%,transparent 70%);top:50%;left:35%;transform:translate(-50%,-50%);animation:pglow 5s ease-in-out infinite;z-index:1}
@keyframes pglow{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}
.hinner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:50px 60px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;min-height:calc(100vh - 70px)}
/* hero left */
.hbadge{display:inline-flex;align-items:center;gap:9px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);border-radius:100px;padding:7px 18px;margin-bottom:26px;width:fit-content;animation:bpulse 3s ease-in-out infinite}
@keyframes bpulse{0%,100%{box-shadow:0 0 0 0 rgba(212,175,55,.2)}50%{box-shadow:0 0 18px 4px rgba(212,175,55,.1)}}
.ldot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:blink 1.5s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.hbadge span{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
.hh1{font-family:"Bebas Neue",sans-serif;font-size:clamp(58px,7vw,96px);line-height:.92;letter-spacing:.02em;margin-bottom:22px}
.hh1 .ln{display:block;animation:sup 1s cubic-bezier(.16,1,.3,1) both}
.hh1 .ln:nth-child(2){animation-delay:.1s}
.hh1 .ln:nth-child(3){animation-delay:.2s}
.hh1 .ln:nth-child(4){animation-delay:.3s}
@keyframes sup{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
.hbody{font-size:15px;color:#fff;line-height:1.75;max-width:460px;margin-bottom:32px;animation:fup 1s .7s both}
@keyframes fup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:30px;animation:fup 1s .9s both}
.htrust{display:flex;align-items:center;gap:14px;margin-bottom:22px;animation:fup 1s 1.1s both}
.avs{display:flex}
.avs img{width:34px;height:34px;border-radius:50%;border:2px solid #000;object-fit:cover;margin-left:-9px}
.avs img:first-child{margin-left:0}
.tnum{font-family:"Bebas Neue",sans-serif;font-size:20px;line-height:1;display:block}
.tlbl{font-size:11px;color:#555;letter-spacing:.05em;display:block}
.hpress{display:flex;align-items:center;gap:10px;flex-wrap:wrap;animation:fup 1s 1.3s both}
.plbl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#444}
.pname{font-size:12px;font-weight:700;color:#555;letter-spacing:.07em;transition:color .3s}
.pname:hover{color:var(--gold)}
.pdot{color:#333;font-size:10px}
/* hero right photo grid */
.hgrid{animation:fup 1s .4s both}
.pgrid{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px;height:500px;overflow:hidden;border-radius:20px}
.pcol{display:flex;flex-direction:column;gap:10px}
.pcol-mid{justify-content:flex-start}
.cup{animation:scup 22s linear infinite}
.cdn{animation:scdn 24s linear infinite}
@keyframes scup{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes scdn{0%{transform:translateY(-50%)}100%{transform:translateY(0)}}
.pc{position:relative;border-radius:16px;overflow:hidden;flex-shrink:0;cursor:none;transition:transform .4s}
.pc:hover{transform:scale(1.03);z-index:5}
.pc img{width:100%;height:100%;object-fit:cover;display:block}
.pc-teal{height:200px;background:linear-gradient(145deg,#0d9488,#06b6d4)}.pc-teal img{mix-blend-mode:multiply;opacity:.8}.pc-teal::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(20,184,166,.7),rgba(6,182,212,.3));z-index:1}
.pc-ora{height:180px;background:linear-gradient(145deg,#ea580c,#fbbf24)}.pc-ora img{mix-blend-mode:multiply;opacity:.75}.pc-ora::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(234,88,12,.75),rgba(251,191,36,.3));z-index:1}
.pc-pur{height:160px;background:linear-gradient(145deg,#7c3aed,#a78bfa)}.pc-pur img{mix-blend-mode:multiply;opacity:.75}.pc-pur::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(124,58,237,.8),rgba(167,139,250,.25));z-index:1}
.pc-gld{height:295px;background:linear-gradient(145deg,#92400e,#d97706,#fbbf24)}.pc-gld img{mix-blend-mode:multiply;opacity:.75}.pc-gld::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(180,83,9,.8),rgba(252,211,77,.3));z-index:1}
.pc-grey{height:165px;background:linear-gradient(145deg,#374151,#9ca3af)}.pc-grey img{mix-blend-mode:multiply;opacity:.7}.pc-grey::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(55,65,81,.85),rgba(156,163,175,.25));z-index:1}
.pc-grn{height:180px;background:linear-gradient(145deg,#065f46,#34d399)}.pc-grn img{mix-blend-mode:multiply;opacity:.75}.pc-grn::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(6,95,70,.85),rgba(52,211,153,.25));z-index:1}
.pc-blu{height:155px;background:linear-gradient(145deg,#1e3a8a,#60a5fa)}.pc-blu img{mix-blend-mode:multiply;opacity:.75}.pc-blu::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(30,58,138,.85),rgba(96,165,250,.25));z-index:1}
.pclbl{position:absolute;bottom:10px;left:12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.9);z-index:3}
.pcfree{position:absolute;top:16px;left:14px;z-index:3}
.pcfree-p{display:block;font-family:"Bebas Neue",sans-serif;font-size:44px;line-height:1;color:#fff}
.pcfree-s{display:block;font-size:12px;font-weight:600;color:rgba(255,255,255,.8)}
.pcbtn{position:absolute;bottom:12px;left:12px;right:12px;background:rgba(0,0,0,.75);backdrop-filter:blur(10px);border-radius:10px;padding:11px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;z-index:3;transition:background .3s}
.pc:hover .pcbtn{background:rgba(212,175,55,.9);color:#000}
.htags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.htag{display:inline-flex;align-items:center;gap:5px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:5px 12px;font-size:11px;font-weight:500;color:rgba(255,255,255,.45);letter-spacing:.04em;transition:all .3s}
.htag:hover{border-color:rgba(212,175,55,.4);color:var(--gold);background:rgba(212,175,55,.05)}
/*===== ABOUT =====*/
#about{background:var(--ghost);color:#000}
.agrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.abody{font-size:16px;line-height:1.8;color:#444;margin:18px 0 32px;max-width:480px}
.aquote{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:19px;color:#777;margin-bottom:32px}
.astats{display:flex;gap:36px}
.stn{font-family:"Bebas Neue",sans-serif;font-size:48px;line-height:1;color:var(--gold3);display:block}
.stl{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#aaa;margin-top:4px;display:block}
.aimgs{position:relative;height:480px}
.aic{position:absolute;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.15);transition:all .5s cubic-bezier(.16,1,.3,1)}
.aic img{width:100%;height:100%;object-fit:cover;display:block}
.aic:hover{box-shadow:0 36px 70px rgba(0,0,0,.22),0 0 0 2px var(--gold)}
.aic::after{content:attr(data-l);position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px 14px 10px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.aic1{width:56%;height:64%;top:0;left:0;transform:rotate(-2deg)}.aic1:hover{transform:rotate(-2deg) scale(1.03) translateY(-6px) !important}
.aic2{width:50%;height:55%;top:14%;right:0;transform:rotate(1.5deg)}.aic2:hover{transform:rotate(1.5deg) scale(1.03) translateY(-6px) !important}
.aic3{width:46%;height:44%;bottom:0;left:14%;transform:rotate(-1deg);z-index:3}.aic3:hover{transform:rotate(-1deg) scale(1.03) translateY(-6px) !important}
/*===== PROGRAM =====*/
#program{background:var(--dark)}
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.18);border-radius:16px;overflow:hidden;margin-bottom:70px;box-shadow:0 0 0 1px rgba(212,175,55,.06),0 8px 32px rgba(0,0,0,.3);transition:box-shadow .4s,border-color .4s}
.pcards:hover{border-color:rgba(212,175,55,.3);box-shadow:0 0 0 1px rgba(212,175,55,.12),0 16px 48px rgba(0,0,0,.4),0 0 40px rgba(212,175,55,.06)}
.dcard{background:var(--char);padding:44px 36px;position:relative;overflow:hidden;transition:background .4s}
.dcard::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.dcard:hover{background:#151515}
.dcard:hover::before{transform:scaleX(1)}
.dnum{font-family:"Bebas Neue",sans-serif;font-size:76px;line-height:1;color:rgba(212,175,55,.08);position:absolute;top:16px;right:20px;transition:color .4s}
.dcard:hover .dnum{color:rgba(212,175,55,.18)}
.dtag{font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.dtitle{font-family:"Bebas Neue",sans-serif;font-size:30px;letter-spacing:.04em;color:#fff;margin-bottom:14px;line-height:1.1}
.ddesc{font-size:14px;line-height:1.75;color:#fff;transition:color .4s}
.dcard:hover .ddesc{color:#fff}
.pvid{display:flex;justify-content:center}
.vphone{width:295px;border-radius:34px;overflow:hidden;border:2px solid rgba(212,175,55,.25);box-shadow:0 0 50px rgba(212,175,55,.1),0 36px 70px rgba(0,0,0,.5);animation:flt 6s ease-in-out infinite}
@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.vtop{background:rgba(0,0,0,.85);border-bottom:1px solid rgba(212,175,55,.18);padding:12px 16px;font-size:12px;font-weight:700;color:var(--gold);text-align:center;letter-spacing:.08em}
.vplay{background:#111;padding:50px 0;display:flex;flex-direction:column;align-items:center;gap:12px}
.vpbtn{width:62px;height:62px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px rgba(212,175,55,.4);cursor:none}
.vpbtn i{font-size:22px;color:#000;margin-left:3px}
.vplbl{font-size:12px;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}
/*===== MENTORS =====*/
#mentors{background:var(--ghost)}
.mgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mcard{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:3/4;cursor:none;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s;box-shadow:0 8px 30px rgba(0,0,0,.15);background:#111}
.mcard:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 40px 70px rgba(0,0,0,.35)}
.mcbg{position:absolute;inset:0;z-index:0;border-radius:24px;background:#1a1a1a}
.mc-teal .mcbg,.mc-amb .mcbg,.mc-slt .mcbg{background:#111}
/* Remove sphere */
.msphere{display:none}
.mcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;z-index:1;mix-blend-mode:normal;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.mcard:hover img{transform:scale(1.04)}
/* Permanent subtle bottom gradient for text legibility */
.mfade{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 50%,transparent 100%);z-index:2;transition:opacity .4s}
/* Hover black overlay */
.mover-hover{position:absolute;inset:0;background:rgba(0,0,0,.25);z-index:2;opacity:0;transition:opacity .4s}
.mcard:hover .mover-hover{opacity:1}
.minfo{position:absolute;bottom:0;left:0;right:0;padding:18px 22px 20px;z-index:4;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.mcard:hover .minfo{transform:translateY(-58px)}
.mname{font-family:"Bebas Neue",sans-serif;font-size:24px;letter-spacing:.05em;color:#fff;display:block;margin-bottom:3px}
.mrole{font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.55);display:block;margin-bottom:0}
.mfacts{list-style:none;opacity:0;max-height:0;overflow:hidden;transition:opacity .35s .1s,max-height .4s .1s;margin-top:10px}
.mcard:hover .mfacts{opacity:1;max-height:120px}
.mfacts li{font-size:11px;color:#fff;padding:3px 0;display:flex;align-items:center;gap:7px}
.mfacts li::before{content:"›";color:var(--gold);font-size:15px;font-weight:700;flex-shrink:0;line-height:1}
.mcta{position:absolute;bottom:16px;left:14px;right:14px;background:rgba(212,175,55,.92);border-radius:12px;padding:12px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#000;z-index:5;opacity:0;transform:translateY(6px);transition:opacity .35s .05s,transform .35s .05s cubic-bezier(.16,1,.3,1)}
.mcard:hover .mcta{opacity:1;transform:translateY(0)}
.mquo{position:absolute;top:14px;left:14px;right:14px;background:rgba(0,0,0,.65);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;font-family:"Cormorant Garamond",serif;font-size:13px;font-style:italic;color:#fff;opacity:0;transform:translateY(-10px);transition:opacity .4s .05s,transform .4s .05s cubic-bezier(.16,1,.3,1);z-index:5}
.mcard:hover .mquo{opacity:1;transform:translateY(0)}
.mborder{position:absolute;inset:0;border-radius:24px;border:2px solid transparent;pointer-events:none;z-index:6;transition:border-color .4s}
.mcard:hover .mborder{border-color:rgba(212,175,55,.35)}
/*===== STATS =====*/
#stats{background:#000;position:relative;overflow:hidden}
.sglow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(212,175,55,.06) 0%,transparent 70%);pointer-events:none}
.stgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.1);border-radius:16px;overflow:hidden}
.stbox{background:var(--dark);padding:52px 36px;text-align:center;transition:background .3s}
.stbox:hover{background:#111}
.stbig{font-family:"Bebas Neue",sans-serif;font-size:70px;line-height:1;display:block;background:var(--gtext);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shim 4s linear infinite;margin-bottom:10px}
.stdesc{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#555}
/*===== TESTIMONIALS =====*/
#testi{background:var(--char)}
.tcarousel-outer{position:relative}
.ttrack-wrap{overflow:hidden;border-radius:4px}
.ttrack{display:flex;gap:22px;transition:transform .55s cubic-bezier(.16,1,.3,1);will-change:transform;cursor:default;padding:4px 2px 8px}
.tcard{flex:0 0 calc(33.333% - 16px);background:var(--mid);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:34px 30px;position:relative;overflow:hidden;transition:border-color .4s,box-shadow .4s;user-select:none}
.tcard:hover{border-color:rgba(212,175,55,.28);box-shadow:0 28px 56px rgba(0,0,0,.4)}
.tqico{font-size:60px;line-height:1;color:rgba(212,175,55,.12);font-family:"Cormorant Garamond",serif;position:absolute;top:10px;left:22px;transition:color .4s;pointer-events:none}
.tcard:hover .tqico{color:rgba(212,175,55,.24)}
.ttext{font-family:"Cormorant Garamond",serif;font-size:17px;font-style:italic;line-height:1.7;color:#fff;margin-top:26px;margin-bottom:22px}
.tname{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);display:block}
.tplace{font-size:11px;color:#555;display:block;margin-top:3px}
.tauthor{display:flex;align-items:center;gap:12px;margin-top:8px}
.tav{width:48px;height:48px;border-radius:50%;flex-shrink:0;border:2px solid rgba(212,175,55,.35);box-shadow:0 0 0 2px rgba(0,0,0,.4);background:linear-gradient(135deg,#1a1a1a,#2a2410);display:flex;align-items:center;justify-content:center;font-family:"Bebas Neue",sans-serif;font-size:17px;letter-spacing:.05em;color:var(--gold);user-select:none;overflow:hidden}
.tav img{width:100%;height:100%;object-fit:cover;display:block}
/* Arrow nav */
.tcarousel-nav{display:flex;align-items:center;gap:14px;margin-top:32px}
.tc-arrow{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#666;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}
.tc-arrow:hover{background:rgba(212,175,55,.15);border-color:rgba(212,175,55,.45);color:var(--gold);transform:scale(1.08)}
.tc-arrow:disabled{opacity:.25;pointer-events:none}
.tc-progress{flex:1;height:2px;background:rgba(255,255,255,.08);border-radius:2px;overflow:hidden}
.tc-progress-bar{height:100%;background:var(--grad);border-radius:2px;transition:width .55s cubic-bezier(.16,1,.3,1)}
@media(max-width:900px){.tcard{flex:0 0 calc(50% - 12px)}}
@media(max-width:600px){.tcard{flex:0 0 88%}}
/*===== FAQ =====*/
#faq{background:#000}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.fitem{border:1px solid rgba(255,255,255,.07);border-radius:12px;overflow:hidden;transition:border-color .3s;cursor:none;align-self:start}
.fitem:hover,.fitem.open{border-color:rgba(212,175,55,.28)}
.fq{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;background:rgba(255,255,255,.02);font-size:14px;font-weight:500;color:#fff;gap:16px;transition:background .3s,color .3s;cursor:none;user-select:none}
.fitem:hover .fq,.fitem.open .fq{background:rgba(212,175,55,.05);color:var(--gold)}
.fic{width:26px;height:26px;border:1px solid rgba(212,175,55,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:16px;flex-shrink:0;transition:transform .4s cubic-bezier(.16,1,.3,1)}
.fitem.open .fic{transform:rotate(45deg)}
.fa{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.16,1,.3,1)}
.fitem.open .fa{max-height:900px}
.fai{padding:0 22px 22px;font-size:13.5px;line-height:1.8;color:#fff}
@media(max-width:768px){.fgrid{grid-template-columns:1fr}}
/*===== MEGA CTA SECTION =====*/
#ctasec{background:#000;position:relative;overflow:hidden}
.cglow{position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pglow 5s ease-in-out infinite;pointer-events:none}
.cpill{display:inline-flex;align-items:center;gap:8px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);border-radius:100px;padding:7px 18px;margin-bottom:34px;animation:bpulse 3s ease-in-out infinite}
.cpill span{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ch2{font-family:"Bebas Neue",sans-serif;font-size:clamp(52px,7vw,100px);line-height:.95;letter-spacing:.02em;margin-bottom:20px}
.csub{font-family:"Cormorant Garamond",serif;font-size:21px;font-style:italic;color:#fff;margin-bottom:18px;max-width:540px;margin-left:auto;margin-right:auto}
.cdown{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:48px}
.cdwrap{display:flex;flex-direction:column;align-items:center;gap:8px}
.cdbox{background:var(--char);border:1px solid rgba(212,175,55,.3);border-radius:12px;padding:14px 22px;min-width:100px;text-align:center;position:relative;overflow:hidden}
.cdbox::before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(212,175,55,.08),transparent)}
.cdnum{font-family:"Bebas Neue",sans-serif;font-size:58px;line-height:1;position:relative;z-index:1;background:var(--gtext);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shim 3s linear infinite}
.cdlbl{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#555}
.cdsep{font-family:"Bebas Neue",sans-serif;font-size:54px;color:rgba(212,175,55,.4);line-height:1;margin-bottom:22px}
.cnote{margin-top:18px;font-size:12px;color:#555;letter-spacing:.07em}
.cnote strong{color:var(--gold)}
/*===== FOOTER =====*/
footer{background:#000;border-top:1px solid rgba(212,175,55,.1);padding:72px 0 36px}
.fgridf{display:grid;grid-template-columns:2fr 1fr 1fr 1.6fr;gap:52px;margin-bottom:52px}
.flog{font-family:"Bebas Neue",sans-serif;font-size:28px;letter-spacing:.08em;color:#fff;margin-bottom:14px}
.flog span{color:var(--gold)}
.ftag{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:14px;color:#fff;line-height:1.6;margin-bottom:22px;max-width:260px}
.fsocs{display:flex;gap:10px}
.fsoc{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#555;font-size:16px;text-decoration:none;transition:all .3s;cursor:none}
.fsoc:hover{border-color:var(--gold);color:var(--gold);background:rgba(212,175,55,.08)}
.fct{font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.fls{list-style:none}
.fls li{margin-bottom:10px}
.fls a{color:#fff;text-decoration:none;font-size:13px;transition:color .3s;cursor:none}
.fls a:hover{color:#fff}
.fcrow{display:flex;align-items:flex-start;gap:11px;margin-bottom:14px}
.fcrow i{color:var(--gold);font-size:17px;flex-shrink:0;margin-top:2px}
.fcrow p{font-size:13px;color:#fff;line-height:1.5}
.fcrow a{color:#fff;text-decoration:none;transition:color .3s;cursor:none}
.fcrow a:hover{color:var(--gold)}
.fbot{border-top:1px solid rgba(255,255,255,.05);padding-top:28px;display:flex;justify-content:space-between;align-items:center}
.fbot p{font-size:11px;color:#3a3a3a;letter-spacing:.05em}
.fbot a{color:var(--gold);text-decoration:none;cursor:none}
/*===== MODAL =====*/
/* Popups (#modal and #ebookModal) are kept in the DOM for future re-enable,
   but currently hidden — every Enroll CTA routes to the Freshlearn checkout. */
#modal,#ebookModal{display:none !important}
.mover{position:fixed;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(14px);z-index:8000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1)}
.mover.open{opacity:1;pointer-events:all}
.mwrap{width:100%;max-width:880px;display:grid;grid-template-columns:1fr 1fr;border-radius:26px;overflow:hidden;box-shadow:0 60px 120px rgba(0,0,0,.8),0 0 60px rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.15);transform:scale(.92) translateY(22px);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.mover.open .mwrap{transform:scale(1) translateY(0)}
.mleft{background:linear-gradient(160deg,#1a1200 0%,#2a1a00 45%,#0d0d00 100%);padding:44px 36px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.mleft::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.18) 0%,transparent 70%);bottom:-80px;left:-60px;animation:pglow 4s ease-in-out infinite;pointer-events:none}
.mleft::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(212,175,55,.04) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.mbrand{font-family:"Bebas Neue",sans-serif;font-size:25px;letter-spacing:.08em;color:#fff;margin-bottom:18px;position:relative;z-index:1}
.mbrand span{color:var(--gold)}
.mhl{font-family:"Bebas Neue",sans-serif;font-size:40px;line-height:.95;letter-spacing:.02em;color:#fff;margin-bottom:14px;position:relative;z-index:1}
.mhl span{color:var(--gold)}
.msub{font-size:13px;color:rgba(255,255,255,.45);line-height:1.65;max-width:230px;position:relative;z-index:1;margin-bottom:28px}
.mperks{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.mperk{display:flex;align-items:center;gap:12px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.14);border-radius:10px;padding:11px 14px}
.mperk i{color:var(--gold);font-size:18px;flex-shrink:0}
.mperk span{font-size:13px;font-weight:600;color:rgba(255,255,255,.78)}
.mright{background:#111;padding:44px 36px;position:relative}
.mxbtn{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#555;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:none;transition:all .3s}
.mxbtn:hover{background:rgba(212,175,55,.15);color:var(--gold);border-color:rgba(212,175,55,.3)}
.mftitle{font-family:"Bebas Neue",sans-serif;font-size:30px;letter-spacing:.04em;color:#fff;margin-bottom:4px}
.mfsub{font-size:12px;color:#444;margin-bottom:26px}
.fg{margin-bottom:13px}
.fg label{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#444;margin-bottom:7px}
.fg input,.fg textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:9px;padding:12px 14px;font-family:"Outfit",sans-serif;font-size:13px;color:#fff;outline:none;transition:border-color .3s,box-shadow .3s;cursor:none}
.fg input::placeholder,.fg textarea::placeholder{color:#333}
.fg input:focus,.fg textarea:focus{border-color:rgba(212,175,55,.4);box-shadow:0 0 0 3px rgba(212,175,55,.07);background:rgba(212,175,55,.03)}
.fg textarea{resize:none;height:82px}
.fgrow{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.msbtn{width:100%;background:var(--grad);color:#000;border:none;border-radius:9px;padding:14px;font-family:"Outfit",sans-serif;font-size:14px;font-weight:700;letter-spacing:.05em;cursor:none;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;margin-top:6px;display:flex;align-items:center;justify-content:center;gap:8px}
.msbtn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}
.msbtn:hover::after{left:100%}
.msbtn:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(212,175,55,.3)}
.mpriv{text-align:center;font-size:11px;color:#333;margin-top:10px}
.mpriv strong{color:var(--gold)}
.msuccess{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;min-height:300px;padding:20px 0}
.msuccess.show{display:flex}
.sucico{width:68px;height:68px;border-radius:50%;background:rgba(212,175,55,.1);border:2px solid var(--gold);display:flex;align-items:center;justify-content:center;animation:popin .5s cubic-bezier(.16,1,.3,1)}
@keyframes popin{from{transform:scale(0)}to{transform:scale(1)}}
.sucico i{font-size:30px;color:var(--gold)}
.msuccess h3{font-family:"Bebas Neue",sans-serif;font-size:30px;letter-spacing:.04em;color:#fff}
.msuccess p{font-size:13px;color:#555;line-height:1.6;max-width:240px}
/*===== TOAST =====*/
.twrap{position:fixed;bottom:36px;left:36px;z-index:200}
.toast{background:rgba(10,10,10,.95);backdrop-filter:blur(18px);border:1px solid rgba(212,175,55,.18);border-radius:12px;padding:12px 18px;display:flex;align-items:center;gap:12px;width:265px;transform:translateX(-320px);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.toast.show{transform:translateX(0)}
.tdot2{width:8px;height:8px;border-radius:50%;background:var(--gold);animation:blink 2s infinite;flex-shrink:0}
.toast p{font-size:13px;font-weight:600;color:#fff}
.toast span{font-size:11px;color:#555}
/*===== AS SEEN IN =====*/
#asin{background:var(--ghost);padding:72px 0;position:relative;overflow:hidden}
#asin::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.5) 30%,var(--gold) 50%,rgba(212,175,55,.5) 70%,transparent 100%)}
.asin-header{text-align:center;margin-bottom:48px}
.asin-eyebrow{display:inline-flex;align-items:center;gap:16px}
.asin-eyebrow::before,.asin-eyebrow::after{content:"";display:block;width:52px;height:1px;background:linear-gradient(90deg,transparent,rgba(184,134,11,.5))}
.asin-eyebrow::after{background:linear-gradient(270deg,transparent,rgba(184,134,11,.5))}
.asin-eyebrow span{font-size:10px;font-weight:700;letter-spacing:.4em;text-transform:uppercase;color:var(--gold3)}
.asin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(184,134,11,.15);border:1px solid rgba(184,134,11,.2);border-radius:20px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,.08)}
.asin-card{background:var(--ghost);padding:44px 40px;display:flex;flex-direction:column;align-items:center;gap:0;position:relative;overflow:hidden;transition:background .4s,transform .4s;cursor:default;text-align:center}
.asin-card::before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--grad);transform:scaleX(0);transform-origin:center;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.asin-card:hover{background:#fff;transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,.08)}
.asin-card:hover::before{transform:scaleX(1)}
.asin-card::after{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(105deg,transparent,rgba(212,175,55,.07),transparent);transition:left .8s ease;pointer-events:none}
.asin-card:hover::after{left:160%}
.asin-brand{font-family:"Bebas Neue",sans-serif;font-size:34px;letter-spacing:.08em;color:#111;display:block;margin-bottom:10px;transition:color .3s;line-height:1}
.asin-card:hover .asin-brand{color:var(--gold3)}
.asin-tagline{font-size:12px;color:#555;letter-spacing:.04em;line-height:1.7;max-width:200px;margin:0 auto 20px;font-weight:500}
.asin-divider{width:36px;height:2px;background:var(--grad);border-radius:2px;margin:0 auto 20px;transform:scaleX(0);transition:transform .5s .1s cubic-bezier(.16,1,.3,1)}
.asin-card:hover .asin-divider{transform:scaleX(1)}
.asin-quote{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:15px;color:#999;line-height:1.65;max-width:220px;margin:0 auto;transition:color .4s;min-height:50px}
.asin-card:hover .asin-quote{color:var(--gold3)}
@keyframes asinIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
.asin-card:nth-child(1){animation:asinIn .8s .1s cubic-bezier(.16,1,.3,1) both}
.asin-card:nth-child(2){animation:asinIn .8s .25s cubic-bezier(.16,1,.3,1) both}
.asin-card:nth-child(3){animation:asinIn .8s .4s cubic-bezier(.16,1,.3,1) both}
@media(max-width:768px){.asin-cards{grid-template-columns:1fr}.asin-card{padding:36px 28px}}

/*===== VIDEO TESTIMONIALS =====*/
#vidtesti{background:var(--dark)}
.vtgrid{display:flex;gap:20px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;padding-bottom:8px;cursor:grab}
.vtgrid::-webkit-scrollbar{display:none}
.vtgrid:active{cursor:grabbing}
.vbox{flex:0 0 280px;scroll-snap-align:start;position:relative;border-radius:16px;overflow:hidden;aspect-ratio:9/16;background:var(--char);border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s;group}
.vbox:hover{transform:translateY(-6px) scale(1.01);border-color:rgba(212,175,55,.35);box-shadow:0 28px 56px rgba(0,0,0,.5)}
.vbox-thumb{position:absolute;inset:0;background:var(--char);overflow:hidden}
.vbox-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.vbox:hover .vbox-thumb img{transform:scale(1.06)}
.vbox-grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.2) 40%,transparent 70%);z-index:1}
.vbox-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .4s cubic-bezier(.16,1,.3,1)}
.vbox-play-btn{width:60px;height:60px;border-radius:50%;background:rgba(212,175,55,.9);display:flex;align-items:center;justify-content:center;box-shadow:0 0 28px rgba(212,175,55,.4);transition:all .4s cubic-bezier(.16,1,.3,1)}
.vbox:hover .vbox-play-btn{background:var(--gold2);transform:scale(1.12);box-shadow:0 0 44px rgba(212,175,55,.6)}
.vbox-play-btn i{font-size:20px;color:#000;margin-left:3px}
.vbox-play-lbl{font-size:10px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.7);text-transform:uppercase;opacity:0;transform:translateY(4px);transition:all .3s}
.vbox:hover .vbox-play-lbl{opacity:1;transform:translateY(0)}
.vbox-info{position:absolute;bottom:0;left:0;right:0;padding:16px;z-index:2}
.vbox-name{font-size:13px;font-weight:700;color:#fff;display:block;margin-bottom:2px}
.vbox-role{font-size:10px;color:rgba(255,255,255,.5);letter-spacing:.06em}
.vbox-yt{position:absolute;top:10px;right:10px;background:rgba(255,0,0,.85);border-radius:6px;padding:3px 8px;font-size:10px;font-weight:700;color:#fff;z-index:3;display:flex;align-items:center;gap:4px;letter-spacing:.04em}
.vbox-yt i{font-size:11px}
.vt-carousel-wrap{position:relative;display:flex;align-items:center;gap:16px}
.vt-arrow{width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid rgba(212,175,55,.3);color:var(--gold);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0;backdrop-filter:blur(8px)}
.vt-arrow:hover{background:rgba(212,175,55,.2);border-color:var(--gold);transform:scale(1.08);box-shadow:0 0 20px rgba(212,175,55,.25)}
/* vbox playing state — iframe fills the card */
.vbox-iframe{position:absolute;inset:0;width:100%;height:100%;border:none;display:block;z-index:10;border-radius:16px}

/*===== BONUS AREA =====*/
#bonus{background:linear-gradient(160deg,#050400 0%,#0e0900 40%,#000 100%);position:relative;overflow:hidden}
#bonus::before{content:"";position:absolute;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.07) 0%,transparent 65%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.bonus-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.bcard{background:rgba(212,175,55,.04);border:1px solid rgba(212,175,55,.12);border-radius:16px;padding:22px 20px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}
.bcard::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.bcard:hover{background:rgba(212,175,55,.08);border-color:rgba(212,175,55,.3);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.4)}
.bcard:hover::before{transform:scaleX(1)}
.bcard-ico{width:44px;height:44px;border-radius:12px;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.2);display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:all .4s}
.bcard:hover .bcard-ico{background:rgba(212,175,55,.2);box-shadow:0 0 20px rgba(212,175,55,.2)}
.bcard-ico i{font-size:20px;color:var(--gold)}
.bcard-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:6px;letter-spacing:.02em}
.bcard-desc{font-size:12px;color:#fff;line-height:1.65}
.bcard-tag{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#000;background:var(--gold);border-radius:100px;padding:2px 10px;margin-top:10px}
.bonus-left p{font-size:15px;color:#fff;line-height:1.75;margin:16px 0 28px;max-width:440px}
.bonus-worth{display:inline-flex;align-items:center;gap:10px;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.2);border-radius:100px;padding:10px 20px;margin-top:8px}
.bonus-worth span{font-size:12px;font-weight:700;color:rgba(255,255,255,.5)}
.bonus-worth strong{font-family:"Bebas Neue",sans-serif;font-size:24px;color:var(--gold);letter-spacing:.05em;line-height:1}
@media(max-width:900px){.bonus-grid{grid-template-columns:1fr}.bonus-cards{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.bonus-cards{grid-template-columns:1fr}}

/*===== TEACHABLE / COURSE CTA =====*/
#course{background:var(--black);position:relative;overflow:hidden}
#course::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(212,175,55,.13) 0%,transparent 60%);pointer-events:none}
#course::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(212,175,55,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.course-wrap{position:relative;z-index:1;max-width:900px;margin:0 auto;text-align:center}
.course-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(212,175,55,.12);border:1px solid rgba(212,175,55,.35);border-radius:100px;padding:8px 20px;margin-bottom:28px;animation:bpulse 3s ease-in-out infinite}
.course-badge i{color:var(--gold);font-size:15px}
.course-badge span{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.course-h{font-family:"Bebas Neue",sans-serif;font-size:clamp(42px,6vw,86px);line-height:.95;letter-spacing:.02em;margin-bottom:18px}
.course-sub{font-size:16px;color:#fff;line-height:1.7;margin-bottom:40px;max-width:560px;margin-left:auto;margin-right:auto}
.course-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;text-align:left}
.cc{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:22px 20px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}
.cc::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(212,175,55,.06),transparent);opacity:0;transition:opacity .4s}
.cc:hover{border-color:rgba(212,175,55,.3);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.4)}
.cc:hover::after{opacity:1}
.cc-icon{font-size:26px;color:var(--gold);margin-bottom:12px;display:block}
.cc-title{font-family:"Bebas Neue",sans-serif;font-size:20px;letter-spacing:.04em;color:#fff;margin-bottom:7px}
.cc-desc{font-size:12px;color:#555;line-height:1.65}
.course-price-box{display:inline-flex;align-items:center;gap:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 28px;margin-bottom:32px;flex-wrap:wrap;justify-content:center}
.course-price-old{font-size:18px;color:#3a3a3a;text-decoration:line-through;font-weight:600}
.course-price-new{font-family:"Bebas Neue",sans-serif;font-size:52px;line-height:1;color:var(--gold);letter-spacing:.02em}
.course-price-per{font-size:12px;color:#555;letter-spacing:.08em;line-height:1.4}
.course-price-badge{background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.3);border-radius:6px;padding:4px 12px;font-size:11px;font-weight:700;color:var(--gold);letter-spacing:.1em}
.course-cta-btn{display:inline-flex;align-items:center;gap:12px;background:var(--grad);color:#000;padding:20px 52px;border-radius:8px;font-family:"Outfit",sans-serif;font-size:16px;font-weight:800;letter-spacing:.06em;text-decoration:none;cursor:pointer;border:none;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;box-shadow:0 0 40px rgba(212,175,55,.35)}
.course-cta-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transition:left .6s}
.course-cta-btn:hover::after{left:100%}
.course-cta-btn:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(212,175,55,.5)}
.course-cta-btn i{font-size:20px}
.course-trust{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:24px;flex-wrap:wrap}
.course-trust-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#444}
.course-trust-item i{color:var(--gold);font-size:14px}
@media(max-width:768px){.course-cards{grid-template-columns:1fr}}

/*===== MEGA CTA SECTION =====*/
#ctasec{background:#000;position:relative;overflow:hidden}
.cta-paths{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;max-width:960px;margin:0 auto 52px;text-align:left}
.cpath{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:40px 36px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .4s,transform .4s,box-shadow .4s}
.cpath::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.16,1,.3,1)}
.cpath:hover{border-color:rgba(212,175,55,.35);transform:translateY(-4px);box-shadow:0 28px 60px rgba(0,0,0,.5)}
.cpath:hover::before{transform:scaleX(1)}
.cpath-paid{border-color:rgba(212,175,55,.2);background:linear-gradient(160deg,rgba(212,175,55,.06),rgba(0,0,0,0))}
.cpath-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:100px;padding:5px 14px;color:#aaa;margin-bottom:20px;width:fit-content}
.cpath-badge-gold{background:rgba(212,175,55,.15);border-color:rgba(212,175,55,.35);color:var(--gold)}
.cpath-title{font-family:"Bebas Neue",sans-serif;font-size:32px;letter-spacing:.04em;color:#fff;margin-bottom:10px;line-height:1}
.cpath-sub{font-size:14px;color:#fff;line-height:1.7;margin-bottom:22px}
.cpath-list{list-style:none;margin-bottom:28px;flex:1}
.cpath-list li{display:flex;align-items:center;gap:10px;font-size:13px;color:#fff;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.cpath-list li:last-child{border-bottom:none}
.cpath-list i{color:var(--gold);font-size:14px;flex-shrink:0}
.cpath-price-free{font-family:"Bebas Neue",sans-serif;font-size:48px;color:#fff;letter-spacing:.04em;margin-bottom:18px;line-height:1}
.cpath-price-free span{font-size:18px;color:var(--gold);vertical-align:middle;margin-left:6px}
.cpath-price-paid{display:flex;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.cpath-old{font-size:18px;color:#333;text-decoration:line-through;font-weight:600}
.cpath-new{font-family:"Bebas Neue",sans-serif;font-size:52px;color:var(--gold);letter-spacing:.03em;line-height:1}
.cpath-discount{background:var(--gold);color:#000;font-size:11px;font-weight:800;letter-spacing:.12em;padding:4px 12px;border-radius:6px;align-self:center}
.cpath-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px 24px;border-radius:10px;font-family:"Outfit",sans-serif;font-size:15px;font-weight:800;letter-spacing:.05em;border:none;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;text-decoration:none;margin-bottom:12px}
.cpath-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}
.cpath-btn:hover::after{left:100%}
.cpath-btn-free{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.15)}
.cpath-btn-free:hover{background:rgba(255,255,255,.14);transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.4)}
.cpath-btn-paid{background:var(--grad);color:#000;box-shadow:0 0 32px rgba(212,175,55,.35)}
.cpath-btn-paid:hover{transform:translateY(-3px);box-shadow:0 20px 52px rgba(212,175,55,.55)}
.cpath-note{font-size:11px;color:#444;text-align:center;display:flex;align-items:center;justify-content:center;gap:5px}
.cpath-note i{color:var(--gold);font-size:12px}
.cpath-or{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;gap:12px}
.cpath-or::before,.cpath-or::after{content:"";display:block;width:1px;flex:1;background:linear-gradient(to bottom,transparent,rgba(212,175,55,.25),transparent)}
.cpath-or span{font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#333;white-space:nowrap}
.cta-trust{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding-top:12px}
.cta-trust-item{display:flex;align-items:center;gap:7px;font-size:12px;color:#444;font-weight:500}
.cta-trust-item i{color:var(--gold);font-size:13px}
.cta-trust-sep{color:#222;font-size:16px}
@media(max-width:860px){
  .cta-paths{grid-template-columns:1fr;max-width:480px}
  .cpath-or{flex-direction:row;padding:16px 0}
  .cpath-or::before,.cpath-or::after{width:auto;height:1px;flex:1}
}

/*===== BANNER HERO =====*/
#banner{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:#000;padding-top:70px}
/* ── REPLACE this URL with your actual banner photo ── */
#banner .ban-img{position:absolute;inset:0;background:url('https://cjt2.asouyan.com/wp-content/uploads/2026/05/banner.jpg') center/cover no-repeat;z-index:0}
#banner .ban-ov1{position:absolute;inset:0;background:linear-gradient(110deg,rgba(0,0,0,.82) 38%,rgba(0,0,0,.22) 100%);z-index:1}
#banner .ban-ov2{position:absolute;inset:0;background:radial-gradient(ellipse at 12% 55%,rgba(212,175,55,.09) 0%,transparent 50%);z-index:2}
.ban-inner{position:relative;z-index:3;max-width:760px}
.ban-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.45);border-radius:100px;padding:8px 20px;margin-bottom:28px;animation:bpulse 3s ease-in-out infinite;width:fit-content}
.ban-badge i{color:var(--gold);font-size:14px}
.ban-badge span{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.ban-h1{font-family:"Bebas Neue",sans-serif;font-size:clamp(32px,3.8vw,58px);line-height:1.05;letter-spacing:.02em;color:#fff;margin-bottom:22px}
.ban-h1 em{font-style:normal;background:var(--gtext);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shim 4s linear infinite}
/* Mobile hero layout */
.ban-mob-img{display:none;width:100%;border-radius:14px;overflow:hidden;margin:22px 0 18px;border:2px solid rgba(212,175,55,.3);box-shadow:0 20px 48px rgba(0,0,0,.55)}
.ban-mob-img img{width:100%;height:auto;display:block;object-fit:cover;max-height:320px}
@media(max-width:768px){
  .ban-mob-img{display:block}
  /* Clean minimal dark bg on mobile */
  #banner .ban-img{display:none}
  #banner .ban-ov1,#banner .ban-ov2{display:none}
  #banner{background:linear-gradient(160deg,#0a0800 0%,#000 60%) !important}
  .ban-h1{font-size:clamp(28px,8vw,44px) !important}
}
.ban-sub{font-size:15px;color:#fff;line-height:1.78;max-width:600px;margin-bottom:36px}
.ban-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:36px}
.ban-btn{display:inline-flex;align-items:center;gap:10px;padding:17px 42px;border-radius:8px;font-family:"Outfit",sans-serif;font-size:16px;font-weight:800;letter-spacing:.05em;text-decoration:none;cursor:pointer;border:none;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.ban-btn-gold{background:var(--grad);color:#000;box-shadow:0 0 36px rgba(212,175,55,.4)}
.ban-btn-gold::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}
.ban-btn-gold:hover::after{left:100%}
.ban-btn-gold:hover{transform:translateY(-3px);box-shadow:0 20px 52px rgba(212,175,55,.55)}
.ban-trust{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.ban-trust-item{display:flex;align-items:center;gap:7px;font-size:12px;color:rgba(255,255,255,.4);font-weight:500}
.ban-trust-item i{color:var(--gold);font-size:14px}
.ban-stats{display:flex;gap:32px;padding-top:36px;border-top:1px solid rgba(255,255,255,.07);flex-wrap:wrap}
.ban-stat-n{font-family:"Bebas Neue",sans-serif;font-size:36px;display:block;background:var(--gtext);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% auto;animation:shim 4s linear infinite;line-height:1}
.ban-stat-l{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#555;display:block;margin-top:5px}
@media(max-width:768px){.ban-inner{max-width:100%}.ban-ctas{flex-direction:column}.ban-btn{width:100%;justify-content:center}.ban-h1{font-size:clamp(38px,10vw,58px)}.ban-stats{padding-bottom:48px}}

/*===== SECRETS SECTION =====*/
#secrets{background:var(--dark);position:relative;overflow:hidden}
#secrets::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(212,175,55,.07) 0%,transparent 55%);pointer-events:none}
.sec-tabs{display:flex;justify-content:center;gap:0;margin-bottom:44px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:100px;padding:5px;width:fit-content;margin-left:auto;margin-right:auto;max-width:100%}
.sec-tab{padding:10px 30px;border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.08em;cursor:pointer;border:none;background:transparent;color:rgba(255,255,255,.45);transition:all .3s;display:flex;align-items:center;gap:8px}
.sec-tab.active{background:var(--grad);color:#000;box-shadow:0 6px 20px rgba(212,175,55,.3)}
.sec-tab i{font-size:14px}
.sec-panel{display:none;animation:fup .5s cubic-bezier(.16,1,.3,1)}
.sec-panel.active{display:block}
@keyframes fup{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.secrets-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:44px}
.scard{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:22px 20px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1)}
.scard::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.scard:hover{background:rgba(212,175,55,.05);border-color:rgba(212,175,55,.25);transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.4)}
.scard:hover::before{transform:scaleX(1)}
.scard-num{font-family:"Bebas Neue",sans-serif;font-size:56px;line-height:1;color:rgba(212,175,55,.07);position:absolute;top:8px;right:14px;transition:color .4s}
.scard:hover .scard-num{color:rgba(212,175,55,.16)}
.scard-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:7px;line-height:1.4;padding-right:40px}
.scard-desc{font-size:12px;color:#fff;line-height:1.7}
.sec-enroll{text-align:center;padding-top:8px}
.sec-price{display:inline-flex;align-items:center;gap:16px;margin-bottom:26px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 32px;flex-wrap:wrap;justify-content:center}
.sec-price-new{font-family:"Bebas Neue",sans-serif;font-size:52px;color:var(--gold);letter-spacing:.03em;line-height:1}
.sec-price-old{font-size:22px;color:#333;text-decoration:line-through;font-weight:600;align-self:center}
.sec-price-tag{background:var(--gold);color:#000;font-size:10px;font-weight:800;letter-spacing:.15em;padding:5px 14px;border-radius:100px;align-self:center}
.sec-btn{display:inline-flex;align-items:center;gap:10px;background:var(--grad);color:#000;padding:18px 56px;border-radius:8px;font-family:"Outfit",sans-serif;font-size:16px;font-weight:800;letter-spacing:.05em;text-decoration:none;cursor:pointer;border:none;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;box-shadow:0 0 36px rgba(212,175,55,.35)}
.sec-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}
.sec-btn:hover::after{left:100%}
.sec-btn:hover{transform:translateY(-3px);box-shadow:0 20px 52px rgba(212,175,55,.55)}
/* ===== CTA URGENCY STRIP ===== */
.cta-urgency{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding:12px 20px;background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.18);border-radius:100px}
.cta-urg-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#fff;white-space:nowrap}
.cta-urg-item i{color:var(--gold);font-size:13px}
.cta-urg-sep{color:rgba(212,175,55,.3);font-size:14px}
.urg-timer{font-family:"Bebas Neue",sans-serif;font-size:14px;color:var(--gold);letter-spacing:.05em}
@media(max-width:600px){.cta-urgency{border-radius:12px;flex-direction:column;gap:6px}.cta-urg-sep{display:none}}
@media(max-width:768px){.secrets-grid{grid-template-columns:1fr}.sec-tab{padding:9px 18px;font-size:12px}}

/*===== EBOOK CARD =====*/
.bcard-ebook{padding:0 !important;overflow:hidden;grid-column:1 / -1;position:relative}
.bcard-ebook-inner{display:flex;gap:0;align-items:stretch;height:100%}
.bcard-book-img{width:220px;flex-shrink:0;overflow:hidden;position:relative;align-self:stretch;background:#0a0a0a;padding:24px 16px;min-height:340px;display:flex;align-items:center;justify-content:center}
.bcard-book-img img{position:relative;width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.bcard-ebook:hover .bcard-book-img img{transform:scale(1.05)}
.bcard-ebook-info{padding:24px 24px;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0;gap:14px}
.bcard-ebook-info .bcard-title{padding-right:70px;font-size:15px;margin-bottom:6px}
.bcard-ebook-info .bcard-desc{font-size:13px;color:#fff;line-height:1.65;flex:1}
.bcard-ebook .bcard-tag-corner{position:absolute;top:14px;right:14px;font-size:9px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#000;background:var(--gold);border-radius:100px;padding:3px 10px}
.bcard-dl-btn{display:inline-flex;align-items:center;gap:8px;background:var(--grad);color:#000;border:none;border-radius:8px;padding:12px 22px;font-family:"Outfit",sans-serif;font-size:14px;font-weight:700;letter-spacing:.05em;cursor:pointer;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s;width:fit-content;white-space:nowrap;margin-top:4px}
.bcard-dl-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .6s}
.bcard-dl-btn:hover::after{left:100%}
.bcard-dl-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(212,175,55,.35)}
@media(max-width:600px){.bcard-ebook-inner{flex-direction:column}.bcard-book-img{width:100%;height:auto;background:#0a1020}.bcard-book-img img{position:static;width:100%;height:auto;max-height:320px;object-fit:contain;object-position:center}}

/*===== EBOOK MODAL =====*/
.ebook-mover{position:fixed;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(14px);z-index:8000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1)}
.ebook-mover.open{opacity:1;pointer-events:all}
.ebook-wrap{width:100%;max-width:820px;display:grid;grid-template-columns:30% 70%;border-radius:22px;overflow:hidden;box-shadow:0 60px 120px rgba(0,0,0,.8),0 0 60px rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.18);transform:scale(.92) translateY(22px);transition:transform .5s cubic-bezier(.16,1,.3,1)}
.ebook-mover.open .ebook-wrap{transform:scale(1) translateY(0)}
.ebook-left{position:relative;background:linear-gradient(160deg,#1a1200 0%,#2a1a00 50%,#0d0d00 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0;overflow:hidden}
.ebook-left img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;position:absolute;top:0;left:0}
.ebook-left::after{content:"";position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);z-index:1}
.ebook-left-text{position:absolute;bottom:14px;left:10px;right:10px;z-index:2;text-align:center}
.ebook-left-text .lbl{color:var(--gold);font-size:8px;margin-bottom:3px;letter-spacing:.2em}
.ebook-left-text h3{font-family:"Bebas Neue",sans-serif;font-size:14px;letter-spacing:.04em;color:#fff;line-height:1.2}
.ebook-right{background:#111;padding:26px 28px 22px;position:relative;display:flex;flex-direction:column;justify-content:center}
.ebook-xbtn{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#555;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:10}
.ebook-xbtn:hover{background:rgba(212,175,55,.15);color:var(--gold)}
@media(max-width:680px){.ebook-wrap{grid-template-columns:1fr;max-height:92vh}.ebook-left{min-height:180px;max-height:200px}.ebook-right{padding:22px 20px}}
/* Ebook form compact overrides */
.ebook-right .mftitle{font-size:22px;margin-bottom:2px}
.ebook-right .mfsub{font-size:11px;margin-bottom:14px;color:#444;line-height:1.45}
.ebook-right .fg{margin-bottom:10px}
.ebook-right .fg label{font-size:9px;margin-bottom:4px}
.ebook-right .fg input{padding:10px 12px;font-size:13px}
.ebook-right .fgrow{gap:8px}
.ebook-right .msbtn{padding:12px;font-size:13px;margin-top:6px}
.ebook-right .mpriv{font-size:10px;margin-top:7px}

/*===== EMOTIONAL GALLERY =====*/
#gallery{background:var(--char);position:relative;overflow:hidden}
#gallery::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 80%,rgba(212,175,55,.06) 0%,transparent 55%);pointer-events:none}
.gal-grid{columns:4;column-gap:10px;margin-bottom:0}
.gal-item{break-inside:avoid;margin-bottom:10px;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;display:block}
.gal-item img{width:100%;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .4s}
.gal-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 60%);opacity:0;transition:opacity .4s}
.gal-item:hover img{transform:scale(1.06)}
.gal-item:hover::after{opacity:1}
.gal-zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:44px;height:44px;border-radius:50%;background:rgba(212,175,55,.9);display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s}
.gal-item:hover .gal-zoom{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 24px rgba(212,175,55,.5)}
.gal-zoom i{font-size:18px;color:#000}
/* Lightbox */
.gal-lb{position:fixed;inset:0;background:rgba(0,0,0,.96);backdrop-filter:blur(16px);z-index:9500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s}
.gal-lb.open{opacity:1;pointer-events:all}
.gal-lb-img{max-width:min(90vw,1000px);max-height:88vh;border-radius:12px;box-shadow:0 40px 100px rgba(0,0,0,.8);transform:scale(.9);transition:transform .45s cubic-bezier(.16,1,.3,1);object-fit:contain}
.gal-lb.open .gal-lb-img{transform:scale(1)}
.gal-lb-close{position:absolute;top:20px;right:20px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:10}
.gal-lb-close:hover{background:rgba(212,175,55,.3);color:var(--gold)}
.gal-lb-prev,.gal-lb-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:10}
.gal-lb-prev{left:24px}.gal-lb-next{right:24px}
.gal-lb-prev:hover,.gal-lb-next:hover{background:rgba(212,175,55,.25);border-color:rgba(212,175,55,.5);color:var(--gold)}
.gal-lb-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:11px;color:#555;letter-spacing:.15em;white-space:nowrap}
@media(max-width:900px){.gal-grid{columns:3}}
@media(max-width:600px){.gal-grid{columns:2}.gal-lb-prev{left:8px}.gal-lb-next{right:8px}}

/*===== EBOOK MODAL =====*/
.mbg-box{margin-top:44px;background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.25);border-radius:16px;padding:28px 30px;display:flex;gap:18px;align-items:flex-start;position:relative;overflow:hidden}
.mbg-box::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad)}
.mbg-ico{width:52px;height:52px;border-radius:50%;background:rgba(212,175,55,.12);border:2px solid rgba(212,175,55,.35);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.mbg-ico i{font-size:22px;color:var(--gold)}
.mbg-title{font-family:"Bebas Neue",sans-serif;font-size:18px;letter-spacing:.04em;color:#fff;margin-bottom:8px}
.mbg-text{font-size:13px;color:#fff;line-height:1.75}
.mbg-text strong{color:#fff}
@media(max-width:600px){.mbg-box{flex-direction:column}.mbg-ico{margin:0 auto}}

/*===== LOGO STRIP =====*/
#asin{background:var(--ghost);padding:36px 0;border-top:1px solid rgba(0,0,0,.06);border-bottom:1px solid rgba(0,0,0,.06)}
.asin-header{text-align:center;margin-bottom:22px}
.asin-eyebrow{display:inline-flex;align-items:center;gap:14px}
.asin-eyebrow::before,.asin-eyebrow::after{content:"";display:block;width:44px;height:1px;background:linear-gradient(90deg,transparent,rgba(184,134,11,.4))}
.asin-eyebrow::after{background:linear-gradient(270deg,transparent,rgba(184,134,11,.4))}
.asin-eyebrow span{font-size:10px;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:var(--gold3)}
/* Desktop: 4 static cards */
.logo-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.08);border-radius:14px;overflow:hidden}
.logo-card{background:var(--ghost);padding:22px 28px;display:flex;align-items:center;justify-content:center;transition:background .3s;min-height:80px}
.logo-card:hover{background:#fff}
.logo-card img{height:40px;width:auto;max-width:120px;object-fit:contain;filter:none;opacity:1;transition:filter .3s,opacity .3s}
.logo-card:hover img{filter:none;opacity:1}
.logo-card .mq-txt{font-family:"Bebas Neue",sans-serif;font-size:22px;letter-spacing:.08em;color:#555;transition:color .3s;user-select:none}
.logo-card:hover .mq-txt{color:var(--gold3)}
/* Mobile carousel (hidden on desktop) */
.logo-carousel-wrap{display:none}
@media(max-width:768px){
  .logo-cards{display:none}
  .logo-carousel-wrap{display:block;overflow:hidden;position:relative}
  .logo-carousel-wrap::before,.logo-carousel-wrap::after{content:"";position:absolute;top:0;bottom:0;width:40px;z-index:2;pointer-events:none}
  .logo-carousel-wrap::before{left:0;background:linear-gradient(to right,var(--ghost),transparent)}
  .logo-carousel-wrap::after{right:0;background:linear-gradient(to left,var(--ghost),transparent)}
  .logo-carousel-track{display:flex;width:max-content;animation:marqueeScroll 14s linear infinite}
  .logo-carousel-track:hover{animation-play-state:paused}
  @keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
  .logo-card-m{display:flex;align-items:center;justify-content:center;padding:14px 28px;border-right:1px solid rgba(0,0,0,.06);min-width:140px}
  .logo-card-m img{height:32px;width:auto;object-fit:contain;filter:none;opacity:1}
  .logo-card-m .mq-txt{font-family:"Bebas Neue",sans-serif;font-size:18px;letter-spacing:.06em;color:#666}
}

/*===== ABOUT GALLERY COLUMNS =====*/
.about-gal{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.about-gal-col{display:flex;flex-direction:column;gap:10px}
.about-gal .gal-item{border-radius:12px;overflow:hidden;position:relative;cursor:pointer}
.about-gal .gal-item img{width:100%;display:block;object-fit:cover;height:180px;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.about-gal .gal-item:hover img{transform:scale(1.06)}
.about-gal .gal-zoom{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:40px;height:40px;border-radius:50%;background:rgba(212,175,55,.9);display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .35s cubic-bezier(.16,1,.3,1)}
.about-gal .gal-item:hover .gal-zoom{transform:translate(-50%,-50%) scale(1)}
.about-gal .gal-zoom i{font-size:16px;color:#000}
@media(max-width:768px){.about-gal{grid-template-columns:1fr}.about-gal-col{flex-direction:row;flex-wrap:wrap}.about-gal .gal-item img{height:140px}}

/*===== GALLERY LIGHTBOX (full-page) =====*/
.gal-lb{position:fixed;inset:0;background:rgba(0,0,0,.96);backdrop-filter:blur(16px);z-index:9500;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s}
.gal-lb.open{opacity:1;pointer-events:all}
.gal-lb-img{max-width:min(90vw,1000px);max-height:88vh;border-radius:12px;box-shadow:0 40px 100px rgba(0,0,0,.8);transform:scale(.9);transition:transform .45s cubic-bezier(.16,1,.3,1);object-fit:contain}
.gal-lb.open .gal-lb-img{transform:scale(1)}
.gal-lb-close{position:absolute;top:20px;right:20px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:10}
.gal-lb-close:hover{background:rgba(212,175,55,.3);color:var(--gold)}
.gal-lb-prev,.gal-lb-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;z-index:10}
.gal-lb-prev{left:24px}.gal-lb-next{right:24px}
.gal-lb-prev:hover,.gal-lb-next:hover{background:rgba(212,175,55,.25);border-color:rgba(212,175,55,.5);color:var(--gold)}
.gal-lb-counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:11px;color:#555;letter-spacing:.15em;white-space:nowrap}
@media(max-width:600px){.gal-lb-prev{left:8px}.gal-lb-next{right:8px}}

/*===== GALLERY LIGHTBOX HTML structure =====*/

/*===== BONUS TIMER =====*/
.bonus-timer{margin:18px 0 20px;padding:28px 24px;background:rgba(212,175,55,.06);border:1px solid rgba(212,175,55,.2);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bonus-timer-label{font-size:10px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:rgba(212,175,55,.6);margin-bottom:16px;display:flex;align-items:center;gap:6px;justify-content:center}
.bonus-timer .cdnum{font-size:44px}.bonus-timer .cdbox{min-width:80px;padding:14px 16px}

/*===== RESPONSIVE — COMPREHENSIVE =====*/
@media(max-width:1024px){
  nav{padding:0 30px}.con{padding:0 30px}
  .hinner{padding:40px 30px;grid-template-columns:1fr;gap:0;min-height:auto;padding-top:80px}
  .hgrid{display:none}
  .agrid{grid-template-columns:1fr;gap:36px}
  .pcards{grid-template-columns:1fr}
  .mgrid{grid-template-columns:1fr 1fr}.fgrid{grid-template-columns:1fr}
  .fgridf{grid-template-columns:1fr 1fr;gap:36px}
  .bonus-grid{grid-template-columns:1fr}
  .about-gal{grid-template-columns:1fr 1fr}
}

/* ===== MOBILE: all section carousels ===== */
@media(max-width:768px){
  nav{padding:0 20px}.con{padding:0 20px}
  .nlinks{display:none}.hbg{display:flex}
  .hinner{padding:76px 20px 36px}
  .hh1{font-size:clamp(44px,12vw,72px)}
  .hctas,.btn-g,.btn-o{width:100%;justify-content:center}
  .hctas{flex-direction:column}
  .fbot{flex-direction:column;gap:12px;text-align:center}
  .twrap{left:14px;bottom:14px}
  .mwrap{grid-template-columns:1fr}
  .mleft{padding:28px 22px}.mright{padding:28px 22px}.fgrow{grid-template-columns:1fr}
  .sp{padding:48px 0}
  .vlb-prev{left:-8px}
  .fgrid{grid-template-columns:1fr}

  /* ── Footer compact 2-column ── */
  .fgridf{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .fgridf>div:first-child{grid-column:1/-1;text-align:center}
  .fgridf>div:first-child .fsocs{justify-content:center}
  .ftag{font-size:13px;text-align:center}

  /* ── Mobile center alignment ── */
  #about .agrid,.agrid{grid-template-columns:1fr;gap:32px;text-align:center}
  #about .gbar{margin:16px auto 0}
  #about .btn-g{margin:0 auto}
  #about .abody,#about .aquote{text-align:left !important}
  #program .rev,#secrets .rev,#mentors .rev,#testi .rev,#vidtesti .rev,#bonus .bonus-left{text-align:center}
  /* Only headings centered — body content stays left aligned */
  #program .ddesc,#secrets .scard-desc,#secrets .scard-title,#bonus .bonus-left p,
  .dcard .ddesc,.scard .scard-desc,.mfacts li{text-align:left !important}
  /* About section body left aligned except h2/lbl */
  #about .abody,#about .aquote{text-align:left !important}
  #program .gbar,#secrets .gbar,#mentors .gbar,#bonus .gbar{margin:16px auto 0}
  .sec-tabs{width:auto !important;max-width:fit-content;justify-content:center}
  .sec-enroll,.sec-price{text-align:center}
  .bonus-left p,.bonus-worth,.bonus-left .btn-g{display:flex;justify-content:center;text-align:center;margin:0 auto 16px}
  .bonus-timer-label{justify-content:center}

  /* ── Timer: centered, full width, big numbers ── */
  .bonus-timer{padding:22px 16px;width:100%;text-align:center;margin:16px 0;align-items:center}
  .bonus-timer .cdown{display:flex;align-items:flex-start;justify-content:center;gap:8px}
  .bonus-timer .cdwrap{flex:0 0 auto;width:auto}
  .bonus-timer .cdbox{width:auto;min-width:64px;padding:10px 12px}
  .bonus-timer .cdnum{font-size:38px}
  .bonus-timer .cdsep{font-size:28px;padding-top:10px;flex-shrink:0}

  /* ── Emotion gallery carousel ── */
  .about-gal{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .about-gal::-webkit-scrollbar{display:none}
  .about-gal-col{display:flex;flex-direction:row;flex-shrink:0;gap:12px}
  .about-gal-col[style*="margin-top"]{margin-top:0 !important}
  .about-gal .gal-item{flex:0 0 90vw;max-width:340px;scroll-snap-align:start;border-radius:12px;overflow:hidden}
  .about-gal .gal-item img{height:240px;width:100%;object-fit:cover;object-position:center;display:block}

  /* ── Mentor cards — stacked vertically on mobile ── */
  .mgrid{display:flex;flex-direction:column;gap:20px;overflow:visible}
  .mgrid::-webkit-scrollbar{display:none}
  .mcard{flex:none;width:100%;max-width:100%;aspect-ratio:4/5;scroll-snap-align:unset}

  /* ── Program day cards — stacked vertically on mobile ── */
  .pcards{display:flex;flex-direction:column;gap:16px;border:none;background:transparent;box-shadow:none;overflow:visible}
  .pcards::-webkit-scrollbar{display:none}
  .dcard{flex:none;width:100%;border:1px solid rgba(212,175,55,.22);border-radius:14px;box-shadow:0 0 0 1px rgba(212,175,55,.07),0 8px 24px rgba(0,0,0,.4)}

  /* ── Secrets grid — stacked vertically on mobile ── */
  .secrets-grid{display:flex;flex-direction:column;gap:12px;overflow:visible;padding-bottom:0}
  .scard{flex:none;width:100%;border:1px solid rgba(212,175,55,.22);box-shadow:0 0 0 1px rgba(212,175,55,.06),0 8px 24px rgba(0,0,0,.35)}

  /* ── Text testimonials ── */
  .ttrack{gap:12px}.tcard{flex:0 0 84vw}

  /* ── Bonus cards ── */
  .bonus-cards{grid-template-columns:1fr}

  /* ── Ebook mobile ── */
  .bcard-ebook-inner{flex-direction:column;min-height:0}
  .bcard-book-img{width:100%;height:auto;min-height:0;background:#0a1020}
  .bcard-book-img img{position:static;width:100%;height:auto;max-height:360px;object-fit:contain;object-position:center;display:block}
  .bcard-ebook-info{flex:0 0 auto;padding:20px}
}
@media(max-width:480px){
  .hh1{font-size:clamp(40px,14vw,58px)}
  .bonus-cards{grid-template-columns:1fr}
  .con{padding:0 16px}
  nav{padding:0 16px}
  .sp{padding:36px 0}
  .mcard{flex:0 0 88vw}
  .ban-h1{font-size:clamp(34px,10vw,52px)}
  .ban-ctas{flex-direction:column}
  .ban-btn{width:100%;justify-content:center}
  .bonus-timer .cdnum{font-size:34px}
  .fgridf{grid-template-columns:1fr}
}
/*===== ENHANCED DESKTOP CARD FRAMES =====*/
@media(min-width:769px){
  .dcard{border:1px solid rgba(212,175,55,.08);transition:background .4s,border-color .4s,box-shadow .4s,transform .3s}
  .dcard:hover{background:#151515;border-color:rgba(212,175,55,.35);box-shadow:0 0 0 1px rgba(212,175,55,.15),0 24px 60px rgba(0,0,0,.5),0 0 30px rgba(212,175,55,.08);transform:translateY(-4px)}
  .scard{transition:all .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .4s}
  .scard:hover{background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.4);box-shadow:0 0 0 1px rgba(212,175,55,.2),0 20px 50px rgba(0,0,0,.5),0 0 40px rgba(212,175,55,.07);transform:translateY(-4px)}
  .tcard{border:1px solid rgba(255,255,255,.05);transition:border-color .35s,box-shadow .35s}
  .tcard:hover{border-color:rgba(212,175,55,.3);box-shadow:0 0 0 1px rgba(212,175,55,.12),0 20px 48px rgba(0,0,0,.5)}
  .mcard{transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,outline .3s}
  .mcard:hover{box-shadow:0 40px 70px rgba(0,0,0,.4),0 0 0 2px var(--gold),0 0 40px rgba(212,175,55,.12)}
  .bcard{transition:all .4s cubic-bezier(.16,1,.3,1)}
  .bcard:hover{border-color:rgba(212,175,55,.4);box-shadow:0 0 0 1px rgba(212,175,55,.15),0 20px 50px rgba(0,0,0,.4),0 0 28px rgba(212,175,55,.07);transform:translateY(-3px)}
}
/*===== MOBILE CARD HIGHLIGHT =====*/
@media(max-width:768px){
  .dcard{border:1px solid rgba(212,175,55,.18);box-shadow:0 0 0 1px rgba(212,175,55,.07),inset 0 0 20px rgba(212,175,55,.03)}
  .scard{border:1px solid rgba(212,175,55,.18);box-shadow:0 0 0 1px rgba(212,175,55,.06)}
  .tcard{border:1px solid rgba(255,255,255,.08)}
  .mcard{box-shadow:0 0 0 1px rgba(212,175,55,.12),0 12px 36px rgba(0,0,0,.4)}
}

.mob-carousel-wrap{position:relative}
.mob-carousel-nav{display:none}
@media(max-width:768px){
  .mob-carousel-nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:12px}
  .mob-nav-btn{width:38px;height:38px;border-radius:50%;background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.35);color:var(--gold);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}
  .mob-nav-btn:hover,.mob-nav-btn:active{background:rgba(212,175,55,.35);border-color:var(--gold2)}
  .mob-nav-btn-dk{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.15);color:#555}
  .mob-nav-btn-dk:hover,.mob-nav-btn-dk:active{background:rgba(212,175,55,.1);border-color:var(--gold3);color:var(--gold3)}
}

/*===== WHATSAPP FLOAT =====*/
.wa-float{position:fixed;right:20px;bottom:90px;width:52px;height:52px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;color:#fff;z-index:980;box-shadow:0 6px 24px rgba(37,211,102,.5);transition:transform .3s,box-shadow .3s;text-decoration:none}
.wa-float:hover{transform:scale(1.1) translateY(-2px);box-shadow:0 12px 36px rgba(37,211,102,.6)}
.wa-float svg{width:26px;height:26px}
@media(max-width:768px){.wa-float{bottom:82px;right:14px;width:48px;height:48px}.wa-float svg{width:24px;height:24px}}
/*===== MOBILE STICKY CTA =====*/
.mob-sticky-cta{display:none}
@media(max-width:768px){
  .mob-sticky-cta{
    display:flex;
    position:fixed;
    bottom:0;left:0;right:0;
    z-index:990;
    align-items:center;
    justify-content:space-between;
    background:rgba(10,10,10,.97);
    backdrop-filter:blur(16px);
    border-top:1px solid rgba(212,175,55,.2);
    padding:10px 16px;
    gap:12px;
    box-shadow:0 -8px 32px rgba(0,0,0,.5);
  }
  .mob-sticky-price{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
  .mob-sticky-price .new{font-family:"Bebas Neue",sans-serif;font-size:20px;color:var(--gold);letter-spacing:.03em;line-height:1}
  .mob-sticky-price .old{font-size:13px;color:#444;text-decoration:line-through;font-weight:500}
  .mob-sticky-btn{
    background:var(--grad);
    color:#000;
    border:none;
    border-radius:100px;
    padding:11px 22px;
    font-family:"Outfit",sans-serif;
    font-size:14px;
    font-weight:800;
    letter-spacing:.04em;
    cursor:pointer;
    white-space:nowrap;
    position:relative;
    overflow:hidden;
    flex-shrink:0;
    transition:transform .3s,box-shadow .3s;
    box-shadow:0 4px 18px rgba(212,175,55,.4);
  }
  .mob-sticky-btn::after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}
  .mob-sticky-btn:active::after{left:100%}
  .mob-sticky-btn:active{transform:scale(.97)}
  /* push page content above sticky bar */
  body{padding-bottom:72px}
}
.btn-spinner{display:inline-block;width:13px;height:13px;border:2px solid rgba(0,0,0,.25);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0;vertical-align:middle;margin-right:2px}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-4px)}40%,60%{transform:translateX(4px)}}
.msbtn{transition:transform .3s,box-shadow .3s,background .45s,opacity .3s !important}
/*===== PRELOADER =====*/
#preloader{position:fixed;inset:0;background:#000;z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .6s ease,visibility .6s ease}
#preloader.done{opacity:0;visibility:hidden;pointer-events:none}
.pl-logo-text{font-family:"Bebas Neue",sans-serif;font-size:44px;letter-spacing:.1em;color:#fff;animation:plFade .6s ease both}
.pl-logo-text span{color:var(--gold)}
@keyframes plFade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.pl-tagline{font-size:11px;font-weight:700;letter-spacing:.35em;text-transform:uppercase;color:rgba(212,175,55,.5);animation:plFade .6s .2s ease both}
.pl-bar-wrap{width:200px;height:2px;background:rgba(255,255,255,.07);border-radius:2px;overflow:hidden;animation:plFade .6s .35s ease both}
.pl-bar{height:100%;width:0;background:var(--grad);border-radius:2px;animation:plLoad 2s .45s cubic-bezier(.16,1,.3,1) forwards}
@keyframes plLoad{0%{width:0}55%{width:70%}80%{width:88%}100%{width:100%}}
.pl-icons{display:flex;gap:14px;animation:plFade .6s .55s ease both}
.pl-icon{width:40px;height:40px;border-radius:12px;background:rgba(212,175,55,.07);border:1px solid rgba(212,175,55,.2);display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:17px;animation:plPulse 1.8s ease-in-out infinite}
.pl-icon:nth-child(2){animation-delay:.3s}
.pl-icon:nth-child(3){animation-delay:.6s}
@keyframes plPulse{0%,100%{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}