:root{
  --bg:#0b070f;
  --text:#fcf2ff;
  --muted:rgba(250, 242, 255, 0.74);

  --sky:#b155f7;     /* main accent (purple) */
  --sky2:#9f3aed;    /* deeper purple */
  --sky3:#e8b4fe;    /* light lavender */


  --line: rgba(207, 125, 252, 0.25);
  --lineSoft: rgba(255,255,255,.08);

  --shadowDeep: 0 26px 85px rgba(0,0,0,.55);
  --shadowCard: 0 18px 60px rgba(0,0,0,.45);
  --radius: 18px;

  --glass: rgba(255,255,255,.05);
  --glass2: rgba(255,255,255,.035);

  --grad: linear-gradient(90deg, var(--sky), var(--sky3));
  --grad2: linear-gradient(180deg, rgba(171, 56, 248, 0.22), rgba(167, 14, 233, 0.08));
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:
    radial-gradient(1200px 800px at 15% 10%, rgba(207, 56, 248, 0.2), transparent 55%),
    radial-gradient(1200px 800px at 90% 0%, rgba(212, 125, 252, 0.12), transparent 52%),
    radial-gradient(1000px 700px at 70% 60%, rgba(167, 14, 233, 0.12), transparent 55%),
    var(--bg);
  color:var(--text);
  padding-bottom: 104px;
  overflow-x:hidden;
}
a{color:inherit; text-decoration:none}
.container{width:min(1120px,92%); margin:0 auto}

/* ===== 3D CARD SYSTEM ===== */
.card3d{
  position:relative;
  background: var(--glass2);
  border: 1px solid var(--lineSoft);
  border-top-color: rgba(255,255,255,.14);
  border-left-color: rgba(255,255,255,.12);
  box-shadow: var(--shadowCard);
  border-radius: 20px;
  overflow:hidden;
  transform-style: preserve-3d;
}
.card3d::before{
  content:"";
  position:absolute; inset:-1px;
  background:
    radial-gradient(600px 260px at 20% 10%, rgba(207, 56, 248, 0.2), transparent 55%),
    radial-gradient(500px 260px at 90% 0%, rgba(235, 125, 252, 0.12), transparent 60%);
  opacity:.9;
  pointer-events:none;
}
.card3d::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  opacity:.22;
  pointer-events:none;
  mix-blend-mode: screen;
}
.card3d > *{ position:relative; z-index:1; }
.card3d:hover{
  box-shadow: var(--shadowDeep);
  transform: translateY(-8px) scale(1.01);   /* ✅ more movement */
}


/* ===== NAV (sky blue) ===== */
.nav{
  position:sticky; top:0; z-index:50;
  background: linear-gradient(180deg, rgba(200, 56, 248, 0.34), rgba(164, 14, 233, 0.14));
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(194, 56, 248, 0.35);
}
.nav__inner{display:flex; align-items:center; justify-content:space-between; padding:14px 0; gap:12px}
.brand{display:flex; align-items:center; gap:10px}
.brand__logo{
  height: 48px; /* ✅ adjust logo size here */
  width:auto; display:block;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.25));
}
.nav__links{display:flex; gap:18px; align-items:center}
.nav__links a{color: rgba(255,255,255,.85); font-weight:900; font-size:16px}
.nav__links a:hover{color:#fff}
.nav__right{display:flex; gap:10px; align-items:center}
.nav__menu{display:none; background:transparent; border:1px solid rgb(255, 255, 255); color:#fff; border-radius:12px; padding:8px 10px; cursor:pointer}
.nav__mobile{display:none; padding:14px 0 18px;}
.nav__mobile a{display:block; padding:10px 0; color: rgba(255,255,255,.85); font-weight:900; border-top: 1px solid rgba(255,255,255,.10)}
.nav__mobile a:first-child{border-top:0}

/* ===== BUTTONS ===== */

/* ✅ WhatsApp green button */
.iconBtn--wa{
  border-color: rgba(37, 211, 102, .45);
  background: rgba(37, 211, 102, .14);
}
.iconBtn--wa .iconBtn__dot{
  background:#25D366;
  box-shadow: 0 0 0 5px rgba(37,211,102,.18);
}

/* ✅ Green button style */
.btn--green{
  border:0;
  background: linear-gradient(180deg, #22c55e, #16a34a);
  color:#07130b;
  box-shadow: 0 22px 60px rgba(34,197,94,.22);
}
.btn--green:hover{
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 26px 70px rgba(34,197,94,.28);
}

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  padding:10px 14px; border-radius:14px; font-weight:950;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.btn:hover{ transform: translateY(-2px); box-shadow: 0 16px 30px rgba(0,0,0,.25); }
.btn--primary{
  border:0;
  background: linear-gradient(90deg, var(--sky), var(--sky3));
  color:#081018;
}
.btn--ghost{background: rgba(255,255,255,.06)}
.btn--full{width:100%}
.btn--glow{ box-shadow: 0 22px 60px rgba(56,189,248,.22); }

.iconBtn{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px; border:1px solid rgba(255,255,255,.16); border-radius:999px;
  background: rgba(255,255,255,.06); font-weight:950; font-size:13px
}
.iconBtn__dot{
  width:10px; height:10px; border-radius:999px;
  background: var(--sky);
  box-shadow: 0 0 0 5px rgba(56,189,248,.18);
  animation: ping 1.6s infinite;
}
@keyframes ping{
  0%{box-shadow:0 0 0 0 rgba(56,189,248,.22)}
  70%{box-shadow:0 0 0 12px rgba(56,189,248,0)}
  100%{box-shadow:0 0 0 0 rgba(56,189,248,0)}
}
.iconBtn__txt{color: rgba(255,255,255,.9)}

/* ===== HERO ===== */
.hero{position:relative; padding:64px 0 34px; overflow:hidden}
.hero__grid{
  position:relative; z-index:1;
  display:grid;
  grid-template-columns: 1fr; /* ✅ stacked for clear understanding */
  gap: 22px;
  align-items:start
}
.hero__right{ display:flex; justify-content:center; margin-top:6px; }
.screenCard--wide{ width: min(860px, 100%); }

.hero__title{margin:18px 0 10px; font-size:62px; line-height:1.03; letter-spacing:-1px}
.grad{background: var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent}

.hero__spacing{height:14px}
.hero__spacingSm{height:10px}

.hero__tagline{margin: 0; font-weight: 950; font-size: 18px; letter-spacing: -0.2px}
.hero__sub{margin:0; color:var(--muted); font-size:15px; line-height:1.75; max-width: 74ch}

.pillRow{display:flex; gap:10px; flex-wrap:wrap}
.pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px; font-weight:950; font-size:12px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  backdrop-filter: blur(10px);
}
.pill--live{border-color: rgb(255, 0, 0); background: rgb(255, 0, 0); color: #ffffff}
.pill--dark{color: rgba(255, 255, 255, 0.966)}
.miniSpark{
  width:10px; height:10px; border-radius:999px;
  background: var(--grad);
  box-shadow: 0 0 18px rgba(187, 56, 248, 0.45);
  animation: spark 1.6s ease-in-out infinite;
}
@keyframes spark{0%,100%{transform:scale(.92)}50%{transform:scale(1.25)}}

/* Badges in single line */

.metaIco{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  flex: 0 0 auto;
}
.metaIco svg{
  width:18px;
  height:18px;
  display:block;
}
.metaBox__label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  line-height: 1.2;
}

/* ===== Make all SVG badge icons visible ===== */
.badge__icon svg,
.credBadge__icon svg{
  display:block;
}

.badge__icon .stroke,
.credBadge__icon .stroke{
  stroke:#e6f7ff !important;
  fill:none !important;
}

.badge__icon .fill,
.credBadge__icon .fill{
  fill:#e6f7ff !important;
}

.badgeRow{
  display:flex; gap:10px; flex-wrap: nowrap;
  overflow-x:auto; padding-bottom:6px; margin-top:18px;
  -webkit-overflow-scrolling: touch;
}
.badgeRow::-webkit-scrollbar{ height: 6px; }
.badgeRow::-webkit-scrollbar-thumb{ background: rgba(56,189,248,.25); border-radius: 999px; }
.badge{
  flex:0 0 auto;
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:999px;
  border:1px solid rgba(194, 56, 248, 0.4);
  background: rgba(184, 56, 248, 0.12);
  color:#f5e6ff; font-weight:950; font-size:12px;
  white-space: nowrap;
}
.badge__icon{
  width:22px; height:22px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background: rgba(30, 17, 3, 0.958);
  border: 1px solid rgba(242, 236, 236, 0.898);
}

.badge__icon svg{ width:14px; height:14px; }
.badge__icon .stroke{ stroke: #e6f7ff; }
.badge__icon .fill{ fill: #e6f7ff; }
.badge__icon .pulse{ transform-origin:center; animation: iconPulse 1.6s ease-in-out infinite; }
@keyframes iconPulse{0%,100%{transform:scale(.92)}50%{transform:scale(1.12)}}

.metaRow{display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; margin-top:18px}
.metaBox{padding:12px}
.metaBox__label{color:rgb(255, 255, 255); font-weight:900; font-size:15px}
.metaBox__value{font-weight:950; margin-top:6px}


/* ===== Hero meta icons visibility fix ===== */
.metaIco{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width: 28px;;
  height:28px;
  flex: 0 0 auto;
  color: #eaff00;                 /* ✅ ensures currentColor is visible */
}

.metaIco svg{
  width:28px;
  height:28px;
  display:block;
}

/* If your iconSVG() uses .stroke/.fill classes */
.metaIco .stroke{ stroke: currentColor !important; fill: none !important; }
.metaIco .fill{ fill: currentColor !important; }


/* Features */
.featureRow{display:grid; grid-template-columns: repeat(3, 1fr); gap:10px; margin:22px 0 14px}
.miniCard{
  padding:12px; display:flex; gap:10px; align-items:flex-start;
  transition: transform .15s ease;
}
.miniCard:hover{ transform: translateY(-3px); }
.miniCard__icon{ width:38px; height:38px; border-radius:14px; display:flex; align-items:center; justify-content:center;
  background: rgba(184, 56, 248, 0.14); border:1px solid rgba(178, 56, 248, 0.3);
}
.miniCard__icon svg{ width:20px; height:20px; }
.miniCard__title{font-weight:950; font-size:13px; line-height:1.2}
.miniCard__sub{color:var(--muted); font-size:12px; margin-top:4px; line-height:1.45}

.ctaRow{margin-top:12px}
.ctaPill{
  display:inline-flex; align-items:center; gap:10px;
  padding:12px 14px; border-radius:999px;
  background: #fff; color:#081018; font-weight:950;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  transition: transform .15s ease, box-shadow .15s ease;
}
.ctaPill--3d{
  background: linear-gradient(180deg,#fff, rgba(255,255,255,.86));
}
.ctaPill:hover{ transform: translateY(-3px); box-shadow: 0 24px 70px rgba(0,0,0,.42); }
.ctaPill__arrow{
  width:32px; height:32px; border-radius:999px;
  display:inline-flex; align-items:center; justify-content:center;
  background: var(--grad); color:#081018; font-weight:950;
}
.ctaNote{margin-top:10px; color: var(--muted); font-weight:800; font-size:12px}
.hero__trustLine{margin-top:14px; display:flex; gap:10px; align-items:center; color:rgba(255,255,255,.78); font-weight:900; font-size:12px}
.dotPulse{
  width:10px; height:10px; border-radius:999px; background: var(--sky);
  box-shadow: 0 0 0 0 rgba(194, 56, 248, 0.32);
  animation: pulse 1.4s infinite
}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(165, 56, 248, 0.32)}70%{box-shadow:0 0 0 12px rgba(200, 56, 248, 0)}100%{box-shadow:0 0 0 0 rgba(184, 56, 248, 0)}}

/* Right panel */
.screenCard{ box-shadow: var(--shadowDeep); }
.screenCard__top{
  display:flex; align-items:center; justify-content:space-between;
  padding:12px 14px;
  border-bottom:1px solid rgba(255,255,255,.10);
}
.dots{display:flex; gap:6px}
.dots span{width:10px; height:10px; border-radius:999px; background: rgba(255,255,255,.16)}
.screenCard__label{color:rgba(255,255,255,.78); font-weight:900; font-size:12px}
.labelGlow{ color:#e6f7ff; text-shadow: 0 0 18px rgba(56,189,248,.25); }

.heroPanel{padding:16px}
.heroPanel__kpi{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.kpi{ padding:12px; }
.kpi__label{color:rgba(255,255,255,.75); font-weight:900; font-size:12px}
.kpi__value{font-weight:950; font-size:18px; margin-top:6px}
.heroPanel__list{margin-top:14px; display:grid; gap:10px}

/* Highlight points – 3D + animated icon */
.qp{
  display:flex; gap:12px; align-items:flex-start;
  padding:12px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
.qp__icon{
  width:34px; height:34px; border-radius:14px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(219, 56, 248, 0.14);
  border:1px solid rgba(178, 56, 248, 0.3);
  flex:0 0 auto;
}
.qp__icon svg{ width:18px; height:18px; }
.qp__icon .tick{ stroke:#e6f7ff; stroke-width:2.2; fill:none; stroke-linecap:round; stroke-linejoin:round;
  stroke-dasharray: 40; stroke-dashoffset: 40;
  animation: draw 1.2s ease forwards infinite;
}
@keyframes draw{0%{stroke-dashoffset:40; opacity:.9}55%{stroke-dashoffset:0; opacity:1}100%{stroke-dashoffset:0; opacity:.9}}
.qp__text{color:var(--muted); line-height:1.7; font-size:14px}
.heroPanel__actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
.fineprint{margin-top:12px; color:rgba(255,255,255,.55); font-size:11px; line-height:1.6}

/* ===== SECTION BANNERS ===== */
.section{padding:58px 0}
.section--alt{
  background: rgba(255,255,255,.02);
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.sectionKicker{
  display:inline-flex; align-items:center; gap:10px;
  font-weight:950; font-size:12px;
  letter-spacing:.6px; text-transform:uppercase;
  color: rgba(230,247,255,.92);
  margin-bottom: 6px;
}
.sectionBanner{
  display:flex; align-items:flex-end; justify-content:space-between;
  gap:14px; flex-wrap:wrap;
  padding:16px 16px 14px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(600px 220px at 20% 0%, rgba(178, 56, 248, 0.2), transparent 55%),
    radial-gradient(520px 220px at 90% 0%, rgba(195, 125, 252, 0.1), transparent 60%),
    rgba(255,255,255,.03);
  box-shadow: 0 18px 55px rgba(0,0,0,.35);
  position:relative;
  overflow:hidden;
  margin-bottom: 18px;
}
.sectionBanner::after{
  content:"";
  position:absolute;
  inset: -2px;
  background: linear-gradient(90deg, rgba(184, 56, 248, 0.18), rgba(214, 125, 252, 0.1));
  opacity:.25;
  pointer-events:none;
}
.sectionBanner__title{ margin:0; font-size:30px; letter-spacing:-.4px; }
.sectionBanner__sub{ margin:10px 0 0; color:var(--muted); line-height:1.7; max-width: 70ch; }
.sectionBanner__right{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.bannerChip{
  display:inline-flex; align-items:center; gap:10px;
  padding:10px 12px; border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(255,255,255,.88);
  font-weight:950; font-size:12px;
}
.chipDot{
  width:9px; height:9px; border-radius:999px;
  background: var(--grad);
  box-shadow: 0 0 14px rgba(56,189,248,.25);
}

/* ===== LAYOUT ===== */
.twoCol{display:grid; grid-template-columns: 1.05fr .95fr; gap:18px; align-items:center}

.callout{padding:14px}
.callout__title{font-weight:950}
.callout__list{margin:10px 0 0; padding-left:18px; color:var(--muted); line-height:1.85; font-size:14px}

.video{width:100%; height:auto; display:block; background:#000}
.videoCard{ border-radius: 22px; overflow:hidden; }
.videoCard__bar{
  display:flex; justify-content:space-between; align-items:center; gap:10px;
  padding:12px 14px;
  border-top:1px solid rgba(255,255,255,.10)
}
.videoCard__hint{color:rgba(255,255,255,.78); font-weight:900; font-size:12px}

/* Learn cards */
.cards{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top:22px}
.cardMini{
  padding:16px;
  transition: transform .15s ease, box-shadow .15s ease;
}
.cardMini:hover{
  transform: translateY(-10px) scale(1.02);
  box-shadow: var(--shadowDeep);
}

.cardMini__icon{
  width:44px; height:44px; border-radius:16px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(56,189,248,.14); border:1px solid rgba(56,189,248,.30);
}
.cardMini__icon svg{ width:22px; height:22px; }
.cardMini__icon .spin{ transform-origin:center; animation: spin 2.4s linear infinite; }
@keyframes spin{to{transform:rotate(360deg)}}
.cardMini__title{margin:10px 0 6px; font-weight:950}
.cardMini__text{margin:0; color:var(--muted); line-height:1.6; font-size:14px}

/* Marquee */
.marquee{
  margin-top:8px;
  border-radius: 18px;
  overflow:hidden;
}
.marquee__track{
  display:flex; gap:14px; padding:14px;
  width:max-content;
  animation: marquee 22s linear infinite;
}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.marqueeItem{
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:10px 14px;
  border-radius: 999px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.78);
  font-weight: 950;
  font-size: 13px;
  white-space: nowrap;
}
.marqueeItem img{height:22px; width:auto; display:block; filter: grayscale(1) brightness(1.1); opacity:.9}
.smallHelp{margin-top:10px; color:rgba(255,255,255,.60); font-size:12px}

/* Offer / bonuses */
.offerHead{display:flex; align-items:flex-end; justify-content:space-between; gap:14px; flex-wrap:wrap}
.section__title{margin:0; font-size:30px; letter-spacing:-.4px}
.section__sub{margin:10px 0 0; color:var(--muted); line-height:1.7}

.offerTimer{ padding:12px 14px; min-width: 240px; }
.offerTimer__label{color:rgba(230,247,255,.92); font-weight:950; font-size:12px}
.offerTimer__value{margin-top:6px; font-weight:950; font-size:18px}

.bonusGrid{display:grid; grid-template-columns: repeat(3, 1fr); gap:14px; margin-top:22px}
.bonusCard{ padding:16px; transition: transform .15s ease; }
.bonusCard:hover{ transform: translateY(-4px); }
.bonusCard__top{display:flex; justify-content:space-between; align-items:center; gap:10px}
.bonusCard__title{font-weight:950}
.bonusCard__badge{
  font-weight:950; font-size:12px;
  padding:6px 10px; border-radius:999px;
  background: rgba(255, 89, 89, 0.95);
  border: 1px solid rgb(255, 110, 110);
  color: #e6f7ff;
}
.bonusCard__text{margin:10px 0 0; color:var(--muted); line-height:1.7; font-size:14px}
.center{display:flex; justify-content:center; margin-top:18px}

/* Coach */
.coach{display:grid; grid-template-columns: .92fr 1.08fr; gap:18px; align-items:start}
.coach__card{padding:16px}
.coach__top{display:flex; gap:12px; align-items:center}
.coach__photo{
  width:62px; height:62px; border-radius:18px; object-fit:cover;
  border:1px solid rgba(255,255,255,.14);
  box-shadow: 0 14px 35px rgba(0,0,0,.35);
  display:block
}
.coach__name{font-weight:950; font-size:18px}
.coach__role{color:rgba(255,255,255,.78); font-weight:900; font-size:12px; margin-top:4px}
.coach__bio{color:var(--muted); margin-top:12px; line-height:1.7; font-size:14px}
.coach__credHead{margin-top:14px; font-weight:950}
.coach__bullets{margin:10px 0 0; padding-left:18px; color:var(--muted); line-height:1.85}
.coach__cta{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
.coach__side{ padding:16px; }

.accordion{margin-top:14px; display:flex; flex-direction:column; gap:10px}
.accItem{
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  overflow:hidden;
}
.accBtn{
  width:100%; padding:14px 16px;
  background:transparent; border:0; color:var(--text);
  display:flex; align-items:center; justify-content:space-between;
  font-weight:950; cursor:pointer
}
.accBtn span:last-child{color: rgba(255,255,255,.72)}
.accPanel{max-height:0; overflow:hidden; transition:max-height .25s ease; border-top:1px solid rgba(255,255,255,.10)}
.accPanel__inner{padding:14px 16px; color:var(--muted); line-height:1.75; font-size:14px}

/* Certificate card */
.imgCard{ border-radius: 22px; overflow:hidden; }
.imgCard__top{display:flex; align-items:center; justify-content:space-between; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.10)}
.imgCard__label{color:rgba(255,255,255,.78); font-weight:900; font-size:12px}
.imgCard__img{width:100%; height:auto; display:block}
.imgCard__note{padding:12px 14px; border-top:1px solid rgba(255,255,255,.10); color:rgba(255,255,255,.62); font-size:12px}

/* Testimonials */
.testMarquee{
  margin-top: 8px;
  border-radius: 18px;
  overflow:hidden;
}
.testMarquee__track{
  display:flex; gap:14px; padding:14px;
  width:max-content;
  animation: testMarqueeRight 28s linear infinite;
}
.testMarquee:hover .testMarquee__track{ animation-play-state: paused; }
@keyframes testMarqueeRight{ 0%{ transform: translateX(-50%); } 100%{ transform: translateX(0%); } }
.testCard{
  min-width: 320px; max-width: 360px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
  padding:16px;
}
.testCard__title{font-weight:950; margin:0}
.testCard__text{margin:10px 0 0; color:var(--muted); line-height:1.7; font-size:14px}
.testCard__by{display:flex; gap:10px; align-items:center; margin-top:14px}
.avatar{
  width:34px;
  height:34px;
  border-radius:999px;
  background: rgba(162, 56, 248, 0.2);
  border:1px solid rgba(158, 56, 248, 0.25);
  overflow:hidden;
  flex: 0 0 auto;
  box-shadow: 0 10px 22px rgba(0,0,0,.25);
}
.avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.byLine{color:rgba(255,255,255,.78); font-weight:900; font-size:12px}

/* Register */
.reg{display:grid; grid-template-columns: 1fr 1fr; gap:18px; align-items:start}
.reg__info{margin-top:14px; display:grid; gap:10px}
.infoLine{
  display:flex; gap:10px; align-items:center;
  padding:12px; color: var(--muted); line-height:1.6;
  border-radius: 18px;
}
.payBox{ margin-top:14px; padding:14px; }
.payBox__title{font-weight:950}
.payBox__sub{margin-top:8px; color:var(--muted); font-size:13px; line-height:1.7}

.formCard{ border-radius: 22px; overflow:hidden; }
.formCard--glow{ box-shadow: 0 30px 90px rgba(56,189,248,.14), var(--shadowDeep); }
.formCard__head{padding:16px; border-bottom:1px solid rgba(255,255,255,.10)}
.formCard__title{font-weight:950; font-size:18px}
.formCard__sub{color:var(--muted); margin-top:6px; font-weight:800; font-size:12px}
.form{padding:0 16px 14px}
.form__row{display:flex; flex-direction:column; gap:8px; margin-top:12px}
label{color:rgba(255,255,255,.78); font-weight:900; font-size:12px}
input{
  width:100%; padding:12px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: var(--text);
  outline:none;
  transition: border-color .15s ease, box-shadow .15s ease;
}
input:focus{
  border-color: rgba(165, 56, 248, 0.65);
  box-shadow: 0 0 0 6px rgba(178, 56, 248, 0.14);
}
.form__fineprint{color:rgba(255,255,255,.70); font-size:11px; line-height:1.6; margin-top:10px}
.form__status{margin-top:10px; font-size:12px; color:rgba(255,255,255,.78)}
.formCard__actions{display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:0 16px 16px}

/* Footer (sky blue) */
.footer{
  padding:42px 0 26px;
  border-top: 1px solid rgba(56,189,248,.28);
  background: linear-gradient(180deg, rgba(14,165,233,.16), rgba(56,189,248,.08));
}
.footer__grid{display:grid; grid-template-columns: 1.2fr .9fr .7fr; gap:18px}
.footer__logo{
  height: 44px; /* ✅ footer logo size */
  width:auto; display:block;
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.18));
}
.footer__muted{color:rgba(255,255,255,.80); margin-top:8px; line-height:1.7; font-size:13px}
.footer__head{font-weight:950; margin-bottom:10px}
.footer__link{display:block; color:rgba(255,255,255,.82); margin-top:8px}
.footer__link:hover{color:#fff}
.footer__bottom{
  margin-top:18px;
  display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap;
  border-top:1px solid rgba(255,255,255,.12);
  padding-top:16px
}

/* Sticky */
.stickyBar{
  position:fixed; left:0; right:0; bottom:0; z-index:100;
  background: linear-gradient(90deg, rgba(71, 0, 118, 0.95), rgba(188, 125, 252, 0.95));
  color:#ffffff;
  display:flex; align-items:center; justify-content:space-between;
  padding:8px 14px; gap:12px
}

/* Sticky bar font look */
.stickyBar{
  font-family: "Trebuchet MS", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  letter-spacing: .2px;
}

/* Countdown boxes */
.cdBoxes{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
}
.cdBox{
  min-width:58px;
  padding:9px 10px;
  border-radius: 14px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 14px 34px rgba(0,0,0,.25);
  text-align:center;
  backdrop-filter: blur(10px);
}
.cdNum{
  font-weight: 950;
  font-size: 16px;
  line-height: 1;
}
.cdLab{
  margin-top: 4px;
  font-size: 10px;
  font-weight: 900;
  opacity: .78;
  letter-spacing: .14em;
}

.stickyBar__left{display:flex; flex-direction:column; gap:4px}
.stickyBar__price{font-weight:950; font-size:18px}
.stickyBar__note{font-weight:900; font-size:14px; color:#ffffff}
.stickyBar__right{display:flex; gap:10px; align-items:center; flex-wrap:wrap}
.stickyBar__btn{
  background:#ff0000; border-radius: 18px; padding:10px 14px;
  min-width: min(260px, 42vw); text-align:center;
  box-shadow: 0 18px 40px rgba(0,0,0,.22)
}
.stickyBar__btnTop{font-weight:950; font-size:22px}
.stickyBar__btnSub{font-weight:900; color:#0b1620; margin-top:4px; font-size:14px}
.stickyBar__btn2{
  display:inline-flex; align-items:center; justify-content:center;
  background: rgba(107, 2, 146, 0.76);
  border:1px solid rgba(0,0,0,.08);
  padding:10px 14px; border-radius:14px; font-weight:950;
}

/* Motion background */
.hero__bg{position:absolute; inset:0; pointer-events:none}
.glow{position:absolute; filter:blur(80px); opacity:.75}
.glow--1{width:560px; height:560px; left:-240px; top:-240px; background:rgba(168, 56, 248, 0.35); animation: drift1 7s ease-in-out infinite alternate}
.glow--2{width:560px; height:560px; right:-280px; top:-260px; background:rgba(207, 125, 252, 0.22); animation: drift2 8s ease-in-out infinite alternate}
@keyframes drift1{from{transform:translate(0,0)}to{transform:translate(55px,40px)}}
@keyframes drift2{from{transform:translate(0,0)}to{transform:translate(-50px,50px)}}

.gridlines{
  position:absolute; inset:-40px;
  background-image: linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(circle at 50% 18%, rgba(0,0,0,.9), transparent 66%);
  opacity:.35
}
.orb{
  position:absolute;
  border-radius: 999px;
  background: radial-gradient(circle at 30% 30%, rgba(125,211,252,.32), rgba(56,189,248,.10));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 24px 80px rgba(56,189,248,.10);
  opacity: .9;
}
.orb--a{ width:120px; height:120px; left:10%; top:54%; animation: floaty 3s ease-in-out infinite; }
.orb--b{ width:170px; height:170px; right:12%; top:60%; animation: floaty 4s ease-in-out infinite reverse; }
.orb--c{ width:95px; height:95px; right:28%; top:18%; animation: floaty 3.5s ease-in-out infinite; }

@keyframes floaty{0%{transform:translateY(0)}50%{transform:translateY(-18px)}100%{transform:translateY(0)}}

/* Reveal */
.reveal{opacity:1; transform: translateY(14px); transition: opacity .55s ease, transform .55s ease}
.reveal.is-visible{opacity:1; transform: translateY(0)}

/* Responsive */
@media (max-width: 980px){
  .nav__links{display:none}
  .nav__menu{display:inline-flex}
  .hero__title{font-size:40px}
  .featureRow{grid-template-columns:1fr}
  .metaRow{grid-template-columns:1fr}
  .twoCol{grid-template-columns:1fr}
  .cards{grid-template-columns:1fr}
  .bonusGrid{grid-template-columns:1fr}
  .coach{grid-template-columns:1fr}
  .reg{grid-template-columns:1fr}
  .stickyBar__btn{min-width:auto}
}
@media (max-width: 520px){
  body{padding-bottom: 124px}
  .stickyBar{flex-direction:column; align-items:stretch}
  .stickyBar__right{justify-content:space-between}
  .stickyBar__btn{width:100%}
  .stickyBar__btn2{width:100%}
}

/* ===== COACH BIG PHOTO LAYOUT (STACKED) ===== */
.coachStack{
  display:grid;
  grid-template-columns: 1fr;
  gap: 18px;
  align-items:start;
}

.coachBig{
  display:grid;
  grid-template-columns: 0.95fr 1.05fr;
  border-radius: 22px;
  overflow:hidden;
}

.coachBig__media{
  position:relative;
  min-height: 360px;
}

.coachBig__photo{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
}

.coachBig__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(0,0,0,.35), rgba(0,0,0,.55)),
    radial-gradient(800px 320px at 30% 10%, rgba(56,189,248,.25), transparent 60%);
  pointer-events:none;
}

.coachBig__content{
  padding: 18px;
}

.coachBig__head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}

.coachBig__name{
  font-weight: 950;
  font-size: 22px;
  letter-spacing: -0.2px;
}

.coachBig__role{
  margin-top: 6px;
  color: rgba(255,255,255,.78);
  font-weight: 900;
  font-size: 12px;
}

.coachBig__bio{
  margin-top: 12px;
  color: var(--muted);
  line-height: 1.75;
  font-size: 14px;
}

.coachBig__credHead{
  margin-top: 14px;
  font-weight: 950;
}

.coachBig__bullets{
  margin: 10px 0 0;
  padding-left: 18px;
  color: var(--muted);
  line-height: 1.85;
}

.coachBig__cta{
  margin-top: 14px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.coachAgenda{
  padding: 16px;
}

/* ===== VIDEO SECTION: MAKE VIDEO COLUMN WIDER ===== */
.twoCol--video{
  grid-template-columns: .70fr 1.30fr;
}

/* Responsive */
@media (max-width: 980px){
  .coachBig{ grid-template-columns: 1fr; }
  .coachBig__media{ min-height: 280px; }
  .twoCol--video{ grid-template-columns: 1fr; }
}

/* ===== CREDENTIAL BADGES (3D + animated icon) ===== */
.credBadges{
  margin-top: 12px;
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

.credBadge{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:12px 14px;
  border-radius: 18px;
  border:1px solid rgba(39, 0, 61, 0.912);
  background: rgba(45, 1, 77, 0.467);
  transition: transform .18s ease, box-shadow .18s ease;
}

.credBadge:hover{
  transform: translateY(-8px) scale(1.02);
  box-shadow: 0 26px 70px rgb(209, 157, 255);
}

.credBadge__icon{
  width:54px; height:54px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgb(214, 241, 255);
  border:1px solid rgba(156, 220, 248, 0.983);
  flex: 0 0 auto;
  position:relative;
  overflow:hidden;
}

/* Shine sweep */
.credBadge__icon::after{
  content:"";
  position:absolute;
  inset:-40px;
  background: linear-gradient(90deg, transparent, rgb(255, 0, 0), transparent);
  transform: rotate(20deg) translateX(-40%);
  animation: shine 2.4s ease-in-out infinite;
  opacity:.7;
}
@keyframes shine{
  0%{ transform: rotate(20deg) translateX(-60%); opacity:.0 }
  35%{ opacity:.6 }
  70%{ transform: rotate(20deg) translateX(60%); opacity:.0 }
  100%{ opacity:0 }
}

.credBadge__icon svg{ width:42px; height:42px; }
.credBadge__title{
  font-weight: 950;
  font-size: 13px;
  line-height: 1.25;
}
.credBadge__sub{
  margin-top: 4px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

/* responsive */
@media (max-width: 980px){
  .credBadges{ grid-template-columns: 1fr; }
}

/* ===== FIX: Make SVG icons visible everywhere (Hero + Highlights + Mini Cards) ===== */
.badge__icon,
.credBadge__icon,
.cardMini__icon,
.miniCard__icon{
  background: rgb(214, 241, 255);
  color: #b700ff; /* ✅ drives currentColor */
  width:35px; height:35px;
}

.badge__icon svg,
.credBadge__icon svg,
.cardMini__icon svg,
.miniCard__icon svg{
  display:block;
  width:42px; height:35px;
}

.badge__icon .stroke,
.credBadge__icon .stroke,
.cardMini__icon .stroke,
.miniCard__icon .stroke{
  stroke: currentColor !important;
  fill: none !important;
}

.badge__icon .fill,
.credBadge__icon .fill,
.cardMini__icon .fill,
.miniCard__icon .fill{
  fill: currentColor !important;
}

/* ✅ Blood red meta boxes (Date/Mode/Price) */
.metaRow .metaBox{
  border-color: rgb(255, 0, 0);
  background: #e10000;
}
.metaRow .metaBox__value{
  color:#ffe6e6;
}


/* ✅ Center section banners */
.sectionBanner{
  justify-content:center;
  text-align:center;
}
.sectionBanner__left{
  text-align:center;
  margin: 0 auto;
}
.sectionBanner__right{
  justify-content:center;
  width:100%;
}

/* ✅ Center badge pill content */
.badge{
  justify-content:center;
  text-align:center;
}
.bannerChip{
  justify-content:center;
  text-align:center;
}

/* FORCE green button to override primary/glow */
.btn.btn--green{
  background: linear-gradient(180deg, #22c55e, #16a34a) !important;
  color: #07130b !important;
  border-color: rgba(34,197,94,.65) !important;
  box-shadow: 0 22px 60px rgba(34,197,94,.22) !important;
}

.btn.btn--green:hover{
  transform: translateY(-3px) scale(1.01);
  box-shadow: 0 26px 70px rgba(34,197,94,.28) !important;
}

/* ===== Attention Shake (every 2s) ===== */
@keyframes attentionShake2s {
  0%   { transform: translateY(0) translateX(0) rotate(0); }
  2%   { transform: translateY(-2px) translateX(-3px) rotate(-2deg); }
  4%   { transform: translateY(0) translateX(3px)  rotate(2deg); }
  6%   { transform: translateY(-2px) translateX(-3px) rotate(-2deg); }
  8%   { transform: translateY(0) translateX(3px)  rotate(2deg); }
  10%  { transform: translateY(0) translateX(0) rotate(0); }
  100% { transform: translateY(0) translateX(0) rotate(0); }
}

.btn--shake{
  animation: attentionShake2s 2s infinite;
  transform-origin: center;
}

/* Respect accessibility */
@media (prefers-reduced-motion: reduce){
  .btn--shake{ animation: none !important; }
}



/* ===== NEW FOOTER ===== */
.footer{
  margin-top: 34px;
  padding: 54px 0 24px;
  background: linear-gradient(180deg, rgba(124,58,237,.20), rgba(0,0,0,.55));
  border-top: 1px solid rgba(255,255,255,.10);
}

.footer-content{
  display:grid;
  grid-template-columns: 1.2fr .9fr .9fr .9fr;
  gap: 26px;
  align-items:start;
}

.footer-section h4{
  font-weight: 950;
  margin: 8px 0 14px;
}

.footer-section p{
  color: var(--muted);
  line-height: 1.75;
  margin: 12px 0 0;
}

.footer-section ul{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:10px;
}

.footer-section a{
  color: rgba(255,255,255,.82);
  text-decoration:none;
  transition: transform .15s ease, color .15s ease;
}

.footer-section a:hover{
  color:#fff;
  transform: translateX(3px);
}

.footer-logo-image{
  width: 190px;           /* change logo size here */
  height: auto;
  display:block;
  margin-bottom: 10px;
  filter: drop-shadow(0 14px 32px rgba(0,0,0,.35));
}

.sebi-compliance{
  margin-top: 14px;
  display:grid;
  gap:10px;
}

.compliance-badge{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.10);
}

.compliance-badge i{
  color: #ff4d4d; /* ✅ blood red */
}

.social-links{
  margin-top: 16px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.social-links a{
  width: 40px;
  height: 40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
}

.social-links a:hover{
  transform: translateY(-3px);
  background: rgba(255,255,255,.08);
}

.threads-icon{
  width: 22px;
  height: 22px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 8px;
  font-weight: 900;
  background: rgba(255,255,255,.12);
}

.footer-bottom{
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.10);
}

.footer-disclaimer p{
  color: rgba(255,255,255,.72);
  line-height: 1.75;
  margin: 0 0 14px;
}

.footer-bottom-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-bottom: 10px;
}

.footer-bottom p{
  color: rgba(255,255,255,.62);
  margin:0;
}

/* responsive */
@media (max-width: 980px){
  .footer-content{
    grid-template-columns: 1fr;
  }
  .footer-logo-image{ width: 170px; }
}

.metaBox__label{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  text-align:center;
}
.metaIco{
  display:inline-flex;
  width:18px;
  height:18px;
}
.metaIco svg{ width:18px; height:18px; display:block; }