/* ============================================================
   BRIGHT MINDS INSTITUTE — Global Stylesheet  Draft 6
   All 8 suggestions integrated
   ============================================================ */

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

:root {
  --red:#D42B2B; --red-dark:#A81F1F; --red-deeper:#7E1515;
  --red-pale:#FEF0F0; --red-mid:#F5C6C6;
  --gold:#C8961E; --gold-light:#F0C040; --gold-pale:#FDF6E0;
  --white:#FFFFFF; --off-white:#FAFAF8; --cream:#F7F3EE;
  --charcoal:#111111; --dark:#1C1C1C; --slate:#2E2E2E;
  --body:#444444; --muted:#888888; --border:#E8E0D8; --border-light:#F0EBE4;
  --fc1-bg:#FEF0F0; --fc1-bd:#F5C6C6;
  --fc2-bg:#EFF6FF; --fc2-bd:#BFDBFE;
  --fc3-bg:#F0FDF4; --fc3-bd:#BBF7D0;
  --fc4-bg:#FFFBEB; --fc4-bd:#FDE68A;
  /* Dark mode overrides */
  --dm-bg:#0F0F0F; --dm-surface:#1A1A1A; --dm-card:#222222;
  --dm-border:#2E2E2E; --dm-text:#EEEEEE; --dm-muted:#888888;
  --dm-fc1-bg:#2A1010; --dm-fc1-bd:#5A2020;
  --dm-fc2-bg:#0F1A2A; --dm-fc2-bd:#1E3A5A;
  --dm-fc3-bg:#0F2A1A; --dm-fc3-bd:#1E4A2A;
  --dm-fc4-bg:#2A1E00; --dm-fc4-bd:#4A3800;
}

/* ── CUSTOM CURSOR ── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;cursor:none !important}
.cursor-dot{width:8px;height:8px;border-radius:50%;background:var(--red);position:fixed;top:0;left:0;z-index:99999;pointer-events:none;transform:translate(-50%,-50%);transition:transform .1s,background .2s}
.cursor-ring{width:30px;height:30px;border-radius:50%;border:2px solid var(--red);position:fixed;top:0;left:0;z-index:99998;pointer-events:none;transform:translate(-50%,-50%);transition:width .15s,height .15s,background .15s;opacity:.6}
.cursor-ring.hover{width:46px;height:46px;background:rgba(212,43,43,.08);opacity:1}
.cursor-dot.hover{transform:translate(-50%,-50%) scale(1.8)}

/* ── BASE ── */
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Barlow',sans-serif;background:var(--off-white);color:var(--charcoal);overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .3s,color .3s}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button{font-family:'Barlow',sans-serif}

/* ── DARK MODE ── */

/* ── LAYOUT ── */
.container{max-width:1140px;margin:0 auto;padding:0 24px}
.section{padding:88px 0}
.section-sm{padding:64px 0}

/* ── LABEL ── */
.label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.label::before{content:'';display:block;width:28px;height:2px;background:var(--red)}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:4px;font-size:14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border:2px solid transparent;transition:all .22s;line-height:1}
.btn-red{background:var(--red);color:white;border-color:var(--red)}
.btn-red:hover{background:var(--red-dark);border-color:var(--red-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(212,43,43,.35)}
.btn-outline{background:transparent;color:var(--red);border-color:var(--red)}
.btn-outline:hover{background:var(--red);color:white;transform:translateY(-2px)}
.btn-white{background:white;color:var(--red);border-color:white}
.btn-white:hover{background:var(--red-pale);transform:translateY(-2px)}
.btn-outline-white{background:transparent;color:white;border-color:rgba(255,255,255,.6)}
.btn-outline-white:hover{background:white;color:var(--red);border-color:white}
.btn-gold{background:var(--gold);color:white;border-color:var(--gold)}
.btn-gold:hover{background:#a8790f;transform:translateY(-2px);box-shadow:0 8px 28px rgba(200,150,30,.35)}
.btn-lg{padding:17px 36px;font-size:15px}
.btn-full{width:100%;justify-content:center}
.btn .arrow{transition:transform .2s}
.btn:hover .arrow{transform:translateX(4px)}

/* ── NAV ── */
.nav{position:fixed;top:0;left:0;right:0;z-index:9000;background:white;border-bottom:1px solid var(--border);height:68px;display:flex;align-items:center;transition:background .3s,border-color .3s}
.nav-inner{max-width:1140px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;width:100%}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}
.nav-logo-mark{width:42px;height:42px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--red)}
.nav-logo-mark svg{width:42px;height:42px;display:block}
/* Logo image (logo.svg) — fills whatever box it sits in */
.bmi-logo-img{width:100%;height:100%;object-fit:contain;display:block}
/* Decorative watermark placements: recolor the red mark to white to match the original design */
.hero-logo-watermark img,
.fee-hero-logo img,
.career-hero-logo img{width:100%;height:100%;object-fit:contain;display:block;filter:brightness(0) invert(1)}
.nav-logo-text{line-height:1.15}
.nav-logo-name{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:17px;text-transform:uppercase;letter-spacing:.5px;color:var(--charcoal);transition:color .3s}
.nav-logo-name span{color:var(--red)}
.nav-logo-tag{font-size:10px;color:var(--muted);font-weight:600;letter-spacing:1.5px;text-transform:uppercase}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-link{padding:8px 14px;border-radius:4px;border:none;background:transparent;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--body);transition:all .18s;text-decoration:none;display:block;white-space:nowrap}
.nav-link:hover,.nav-link.active{color:var(--red);background:var(--red-pale)}
.nav-cta{padding:10px 20px;background:var(--red);color:white;border:none;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;transition:all .2s;display:inline-block;text-decoration:none;white-space:nowrap}
.nav-cta:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 4px 16px rgba(212,43,43,.3)}

/* Dark mode toggle in nav */
.dm-toggle-btn{width:36px;height:36px;border-radius:8px;border:1.5px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s;flex-shrink:0}
.dm-toggle-btn:hover{background:var(--red-pale);border-color:var(--red)}

/* ── HAMBURGER ── */
.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;background:none;border:none;padding:8px;width:40px;height:40px;border-radius:6px;transition:background .2s}
.nav-hamburger:hover{background:var(--red-pale)}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--charcoal);border-radius:2px;transition:all .3s ease;transform-origin:center}
.nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);background:var(--red)}
.nav-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);background:var(--red)}

/* ── MOBILE DRAWER ── */
.nav-drawer{display:none;position:fixed;top:68px;left:0;right:0;background:white;z-index:8999;border-top:3px solid var(--red);box-shadow:0 20px 60px rgba(0,0,0,.15);padding:16px 20px 28px;flex-direction:column;gap:4px;max-height:calc(100vh - 68px);overflow-y:auto;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s;pointer-events:none}
.nav-drawer.open{display:flex;opacity:1;transform:translateY(0);pointer-events:all}
.nav-drawer .nav-link{font-size:16px;font-weight:700;padding:14px 16px;border-radius:8px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}
.nav-drawer .nav-link::after{content:'→';font-size:14px;color:var(--muted)}
.nav-drawer .nav-link.active::after{color:var(--red)}
.nav-drawer .drawer-cta{margin-top:16px;padding:16px;border-radius:8px;background:var(--red);color:white;text-align:center;font-size:15px;font-weight:800;letter-spacing:1px;text-transform:uppercase;text-decoration:none;display:block;transition:background .2s}
.nav-drawer .drawer-cta:hover{background:var(--red-dark)}

/* ── TICKER BANNERS ── */
.ticker-red{background:var(--red);padding:10px 0;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1)}
.ticker-dark{background:var(--charcoal);padding:12px 0;overflow:hidden;border-top:2px solid var(--red);border-bottom:2px solid var(--red)}
.ticker-track{display:flex;width:max-content;animation:tickerScroll 28s linear infinite}
.ticker-track-dark{display:flex;width:max-content;animation:tickerScroll 32s linear infinite}
.ticker-track:hover,.ticker-track-dark:hover{animation-play-state:paused}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-item-red{display:flex;align-items:center;gap:8px;padding:0 32px;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:rgba(255,255,255,.9)}
.ticker-sep{color:rgba(255,255,255,.3);margin:0 4px}
.ticker-item-dark{display:flex;align-items:center;gap:10px;padding:0 36px;white-space:nowrap;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:17px;text-transform:uppercase;letter-spacing:.5px;color:white}
.ticker-dot-dark{width:5px;height:5px;border-radius:50%;background:var(--red);flex-shrink:0}
.ticker-score{color:var(--gold-light)}

/* ── PAGE WRAPPER ── */
.page-wrap{padding-top:68px}
.has-red-ticker .page-wrap{padding-top:110px}

/* ── HERO ── */
.hero{background:var(--charcoal);position:relative;overflow:hidden;padding:100px 0 60px}
.hero-bg-text{position:absolute;left:-10px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:210px;line-height:0.88;color:rgba(255,255,255,.028);text-transform:uppercase;pointer-events:none;user-select:none;white-space:nowrap}
.hero-bg-text:first-of-type{top:-8px}
.hero-bg-text-2{top:176px}
.hero-accent{position:absolute;top:0;right:0;width:40%;height:100%;background:var(--red);clip-path:polygon(20% 0,100% 0,100% 100%,0% 100%);opacity:.07}
.hero-logo-watermark{position:absolute;left:50.5%;top:50%;transform:translateY(-50%);opacity:.12;pointer-events:none;z-index:0;width:185px;height:164px;color:white}
.hero-logo-watermark svg{width:100%;height:100%}
.hero-inner{display:grid;grid-template-columns:1.05fr 0.95fr;gap:48px;align-items:center;position:relative;z-index:1}
.hero-content{padding-bottom:0;padding-top:0}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(212,43,43,.15);border:1px solid rgba(212,43,43,.4);color:#FF8080;padding:6px 16px;border-radius:100px;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px}
.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#FF8080;animation:blink 1.8s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:76px;line-height:.95;text-transform:uppercase;color:white;margin-bottom:24px}
.hero h1 .accent{color:var(--red);display:block}
.hero h1 .thin{font-weight:700;color:rgba(255,255,255,.55)}
.hero-desc{font-size:16px;color:rgba(255,255,255,.55);line-height:1.75;max-width:460px;margin-bottom:36px}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap}
.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}
.hero-tag{padding:6px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.15);font-size:12px;font-weight:600;color:rgba(255,255,255,.45)}
.hero-visual{padding-bottom:0;display:flex;align-items:center;align-self:center;justify-content:flex-end}
.hero-card-stack{width:80%;transform:translateX(clamp(0px,calc((100vw - 1180px) * 0.5),110px))}
.hero-results-card{background:white;border-radius:20px;padding:40px 36px;box-shadow:0 40px 100px rgba(0,0,0,.45);transition:background .3s;width:100%;display:flex;flex-direction:column;justify-content:center}
.hero-results-card h3{font-size:12px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:var(--red);margin-bottom:24px;display:flex;align-items:center;gap:8px}
.topper-row{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:10px;background:var(--off-white);margin-bottom:10px;border:1px solid var(--border-light);transition:all .2s}
.topper-row:hover{border-color:var(--red-mid);transform:translateX(2px)}
.topper-av{width:52px;height:52px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;color:white;font-size:16px;font-weight:900;flex-shrink:0;letter-spacing:.5px}
.topper-av.gold{background:var(--gold)}
.topper-info{flex:1;min-width:0}
.topper-name{font-weight:800;font-size:15px;color:var(--charcoal)}
.topper-exam{font-size:12px;color:var(--muted);margin-top:2px}
.topper-score{margin-left:auto;background:var(--red-pale);color:var(--red);padding:6px 14px;border-radius:8px;font-size:14px;font-weight:900;white-space:nowrap;letter-spacing:.5px}
.topper-score.gold-badge{background:var(--gold-pale);color:var(--gold)}

/* ── STATS BAR — animated counters ── */
.stats-bar{background:var(--red)}
.stats-bar-inner{display:grid;grid-template-columns:repeat(4,1fr)}
.stat-cell{padding:32px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.15)}
.stat-cell:last-child{border-right:none}
.stat-n{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:48px;color:white;line-height:1;display:block}
.stat-n em{color:var(--gold-light);font-style:normal}
.stat-l{font-size:12px;font-weight:700;color:rgba(255,255,255,.6);letter-spacing:1px;text-transform:uppercase;margin-top:4px}

/* ── SECTION HEADERS ── */
.sh{margin-bottom:52px}
.sh h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:54px;text-transform:uppercase;line-height:1.0;color:var(--charcoal);margin-bottom:14px;transition:color .3s}
.sh h2 em{color:var(--red);font-style:normal}
.sh p{font-size:16px;color:var(--body);line-height:1.7;max-width:560px;transition:color .3s}
.sh.center{text-align:center}
.sh.center p{margin:0 auto}
.sh.light h2{color:white}
.sh.light p{color:rgba(255,255,255,.55)}
.sh.light .label{color:rgba(255,150,150,1)}
.sh.light .label::before{background:rgba(255,150,150,1)}

/* ── SCROLL REVEAL ── */
.reveal{opacity:0;transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1)}
.reveal.from-bottom{transform:translateY(40px)}
.reveal.from-left{transform:translateX(-40px)}
.reveal.from-right{transform:translateX(40px)}
.reveal.scale-in{transform:scale(.92)}
.reveal.visible{opacity:1;transform:none}

/* ── COLOURED FEATURE CARDS ── */
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.feat-card{border-radius:16px;padding:32px;transition:all .28s,background .3s,border-color .3s;position:relative;overflow:hidden;border:1.5px solid}
.feat-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.12)}
.feat-card-1{background:var(--fc1-bg);border-color:var(--fc1-bd)}
.feat-card-2{background:var(--fc2-bg);border-color:var(--fc2-bd)}
.feat-card-3{background:var(--fc3-bg);border-color:var(--fc3-bd)}
.feat-card-4{background:var(--fc4-bg);border-color:var(--fc4-bd)}
.feat-icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:18px;background:white;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.feat-card h3{font-size:19px;font-weight:800;margin-bottom:10px;color:var(--charcoal);transition:color .3s}
.feat-card p{font-size:17px;color:var(--body);line-height:1.65;transition:color .3s}
.feat-card-num{position:absolute;bottom:-12px;right:16px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:80px;line-height:1;pointer-events:none;user-select:none}
.feat-card-1 .feat-card-num{color:rgba(212,43,43,.13)}
.feat-card-2 .feat-card-num{color:rgba(37,99,235,.13)}
.feat-card-3 .feat-card-num{color:rgba(22,163,74,.13)}
.feat-card-4 .feat-card-num{color:rgba(217,119,6,.13)}

/* ── COURSE CARDS ── */
.courses-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.course-card{background:white;border-radius:12px;border:1px solid var(--border);overflow:hidden;transition:all .28s,background .3s,border-color .3s;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}
.course-card:hover{transform:translateY(-6px);box-shadow:0 20px 56px rgba(0,0,0,.1);border-color:var(--red)}
.course-card-top{background:var(--charcoal);padding:28px 24px 24px;position:relative;overflow:hidden}
.course-card-top::after{content:'';position:absolute;bottom:-30px;right:-30px;width:100px;height:100px;border-radius:50%;background:rgba(212,43,43,.15)}
.course-icon{font-size:36px;margin-bottom:12px}
.course-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:26px;text-transform:uppercase;color:white;margin-bottom:4px}
.course-tag{font-size:11px;font-weight:700;color:rgba(255,255,255,.45);letter-spacing:1px;text-transform:uppercase}
.course-body{padding:24px;flex:1;display:flex;flex-direction:column;transition:background .3s}
.course-desc{font-size:16px;color:var(--body);line-height:1.65;margin-bottom:20px;flex:1;transition:color .3s}
.course-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:800;color:var(--red);text-transform:uppercase;letter-spacing:1px;transition:gap .2s;background:none;border:none;padding:0;text-decoration:none}
.course-link:hover{gap:10px}

/* ── TRACK CARDS (clickable "Which student are you?" cards) ── */
.track-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:8px}
.track-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:10px;padding:24px;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s,background .3s}
.track-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.10);border-color:var(--red)}
.track-card.is-primary{background:var(--red-pale);border-color:var(--red-mid)}
.track-card-icon{font-size:28px;margin-bottom:10px;line-height:1}
.track-card h3{font-family:'Barlow Condensed',sans-serif;font-weight:900;text-transform:uppercase;font-size:20px;letter-spacing:.5px;color:var(--charcoal);margin-bottom:8px}
.track-card p{color:var(--body);font-size:17px;line-height:1.6;margin:0}
.track-cta{margin-top:auto;padding-top:18px;color:var(--red);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:1px;display:inline-flex;align-items:center;gap:6px}
.track-cta .arrow{transition:transform .2s}
.track-card:hover .track-cta .arrow{transform:translateX(4px)}

/* ── CATEGORY CARDS (PhysicsWallah-style: chips + explore + illustration) ── */
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.cat-card{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:212px;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:28px 134px 28px 28px;text-decoration:none;color:inherit;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s,background .3s}
.cat-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(0,0,0,.10);border-color:var(--red)}
.cat-card-title{position:relative;z-index:2;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;line-height:1.05;text-transform:uppercase;color:var(--charcoal);margin-bottom:16px}
.cat-chips{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:auto}
.cat-chip{font-size:13px;font-weight:700;color:var(--body);background:var(--white);border:1px solid var(--border);border-radius:999px;padding:7px 14px;white-space:nowrap}
.cat-explore{position:relative;z-index:2;margin-top:22px;display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:14px;color:var(--charcoal)}
.cat-arrow{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:15px;transition:all .22s}
.cat-card:hover .cat-arrow{background:var(--red);border-color:var(--red);color:#fff;transform:translateX(3px)}
.cat-art{position:absolute;z-index:1;right:-22px;top:50%;transform:translateY(-50%);width:150px;height:150px;border-radius:50%;background:var(--red-pale);display:flex;align-items:center;justify-content:center;font-size:54px}
.cat-card--gold .cat-art{background:var(--gold-pale)}

/* ── LAUNCH OFFER CARDS (Free Demo + Inaugural Discount) ── */
.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:8px}
.offer-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;min-height:232px;border-radius:18px;padding:36px 34px;text-decoration:none;color:#fff;transition:transform .25s,box-shadow .25s}
.offer-card::after{content:'';position:absolute;right:-55px;top:-55px;width:190px;height:190px;border-radius:50%;background:rgba(255,255,255,0.08)}
.offer-card:hover{transform:translateY(-5px)}
.offer-card--demo{background:var(--red)}
.offer-card--demo:hover{box-shadow:0 22px 50px rgba(212,43,43,0.35)}
.offer-card--discount{background:var(--charcoal);border:1px solid rgba(200,150,30,0.30)}
.offer-card--discount:hover{box-shadow:0 22px 50px rgba(0,0,0,0.40)}
.offer-badge{position:relative;z-index:1;font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;padding:7px 14px;border-radius:999px;margin-bottom:18px}
.offer-card--demo .offer-badge{background:rgba(255,255,255,0.18);color:#fff}
.offer-card--discount .offer-badge{background:rgba(200,150,30,0.16);color:var(--gold-light)}
.offer-icon{position:relative;z-index:1;font-size:40px;line-height:1;margin-bottom:12px}
.offer-headline{position:relative;z-index:1;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:34px;line-height:1;text-transform:uppercase;margin-bottom:12px;color:#fff}
.offer-text{position:relative;z-index:1;font-size:15.5px;line-height:1.6;margin-bottom:auto;color:rgba(255,255,255,0.88)}
.offer-btn{position:relative;z-index:1;margin-top:24px;display:inline-flex;align-items:center;gap:10px;padding:13px 26px;border-radius:6px;font-weight:800;font-size:13px;letter-spacing:1px;text-transform:uppercase;transition:transform .2s,box-shadow .2s}
.offer-card--demo .offer-btn{background:#fff;color:var(--red)}
.offer-card--discount .offer-btn{background:var(--gold);color:#1a1a1a}
.offer-btn .arrow{transition:transform .2s}
.offer-card:hover .offer-btn .arrow{transform:translateX(4px)}

/* ── RESULTS SHOWCASE ── */
.results-section{padding:88px 0;background:var(--cream);transition:background .3s}
.results-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:36px;margin-bottom:28px}
.rtab{padding:9px 20px;border-radius:100px;font-size:13px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;border:1.5px solid var(--border);background:transparent;color:var(--muted);transition:all .2s}
.rtab.active{background:var(--red);color:white;border-color:var(--red)}
.rtab:hover:not(.active){border-color:var(--red);color:var(--red)}
.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}
.result-card-inner{background:white;border-radius:12px;border:1.5px solid var(--border);overflow:hidden;transition:all .28s,background .3s,border-color .3s}
.result-card-inner:hover{transform:translateY(-4px);box-shadow:0 14px 40px rgba(0,0,0,.1);border-color:var(--red)}
.rc-top{padding:18px 16px 14px;position:relative}
.rc-rank{position:absolute;top:10px;right:10px;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:100px;border:1px solid}
.rc-avatar{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:15px;color:white;margin-bottom:10px}
.rc-name{font-weight:800;font-size:14px;color:var(--charcoal);transition:color .3s}
.rc-exam{font-size:11px;color:var(--muted)}
.rc-score-bar{background:var(--off-white);padding:12px 16px;border-top:1px solid var(--border-light);transition:background .3s}
.rc-score-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;line-height:1}
.rc-score-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:2px}
.rc-bar-track{height:4px;background:var(--border);border-radius:2px;margin-top:10px;overflow:hidden}
.rc-bar-fill{height:100%;border-radius:2px}

/* ── TESTIMONIALS ── */
.testimonials-section{background:var(--cream);transition:background .3s}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.testi-card{background:white;border-radius:12px;border:1px solid var(--border);padding:28px;transition:all .25s,background .3s,border-color .3s}
.testi-card:hover{box-shadow:0 10px 36px rgba(0,0,0,.08);transform:translateY(-3px)}
.testi-stars{color:var(--gold);font-size:16px;margin-bottom:14px;letter-spacing:2px}
.testi-quote{font-size:16px;color:var(--body);line-height:1.72;margin-bottom:20px;font-style:italic;transition:color .3s}
.testi-quote::before{content:'"';font-size:40px;color:var(--red-mid);font-family:serif;line-height:0;vertical-align:-12px;margin-right:4px}
.testi-author{display:flex;align-items:center;gap:10px}
.testi-av{width:40px;height:40px;border-radius:50%;background:var(--red);display:flex;align-items:center;justify-content:center;color:white;font-size:13px;font-weight:800;flex-shrink:0}
.testi-name{font-weight:800;font-size:14px;transition:color .3s}
.testi-meta{font-size:12px;color:var(--muted)}

/* ── FAQ ── */
.faq-section{padding:88px 0;transition:background .3s}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:48px}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{border:1.5px solid var(--border);border-radius:10px;overflow:hidden;transition:border-color .2s,background .3s}
.faq-item.open{border-color:var(--red)}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;font-size:15px;font-weight:700;color:var(--charcoal);gap:12px;user-select:none;transition:color .2s,background .3s}
.faq-item.open .faq-q{color:var(--red)}
.faq-icon{width:26px;height:26px;border-radius:50%;flex-shrink:0;background:var(--red-pale);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:var(--red);transition:transform .3s,background .2s}
.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--red);color:white}
.faq-a{max-height:0;overflow:hidden;transition:max-height .38s cubic-bezier(.16,1,.3,1),padding .3s;font-size:14px;color:var(--body);line-height:1.7;padding:0 20px}
.faq-item.open .faq-a{max-height:200px;padding:0 20px 16px}
.faq-visual{background:var(--charcoal);border-radius:16px;padding:32px;position:relative;overflow:hidden}
.faq-visual::before{content:'?';position:absolute;right:-20px;bottom:-20px;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:200px;line-height:1;color:rgba(255,255,255,.03);pointer-events:none}
.faq-visual h3{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:32px;text-transform:uppercase;color:white;margin-bottom:8px;line-height:1.1}
.faq-visual h3 em{color:var(--red);font-style:normal}
.faq-visual p{font-size:14px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:24px}
.faq-contact-items{display:flex;flex-direction:column;gap:12px}
.faq-citem{display:flex;align-items:center;gap:12px;padding:12px 14px;background:rgba(255,255,255,.05);border-radius:8px;border:1px solid rgba(255,255,255,.08)}
.faq-citem-icon{width:36px;height:36px;border-radius:8px;background:rgba(212,43,43,.2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.faq-citem-text{font-size:13px;color:rgba(255,255,255,.7)}
.faq-citem-val{font-size:14px;font-weight:700;color:white}

/* ── MAP SECTION ── */
.map-section{padding:88px 0;transition:background .3s}
.map-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:32px;align-items:start;margin-top:48px}
.map-embed-wrap{border-radius:16px;overflow:hidden;border:1.5px solid var(--border);height:380px;background:var(--cream)}
.map-embed-wrap iframe{width:100%;height:100%;border:none;display:block}
.map-info-card{background:white;border-radius:16px;border:1.5px solid var(--border);padding:28px;transition:background .3s,border-color .3s}
.minfo-row{display:flex;align-items:flex-start;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-light)}
.minfo-row:last-of-type{border-bottom:none}
.minfo-icon{width:40px;height:40px;border-radius:10px;background:var(--red-pale);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.minfo-title{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.minfo-text{font-size:14px;color:var(--charcoal);line-height:1.55;transition:color .3s}
.map-btn{width:100%;margin-top:6px;padding:13px;border-radius:6px;border:none;font-size:13px;font-weight:800;letter-spacing:1px;text-transform:uppercase;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}
.map-btn-red{background:var(--red);color:white}
.map-btn-red:hover{background:var(--red-dark);transform:translateY(-1px)}
.map-btn-outline{background:transparent;color:var(--red);border:2px solid var(--red);margin-top:10px}
.map-btn-outline:hover{background:var(--red);color:white}

/* ── FEE HERO ── */
.fee-hero{background:var(--charcoal);padding:72px 0 80px;position:relative;overflow:hidden}
.fee-hero::before{content:'';position:absolute;top:-60px;right:-80px;width:360px;height:360px;border-radius:50%;background:rgba(212,43,43,.12)}
.fee-hero-logo{position:absolute;right:18px;top:42px;opacity:.08;width:185px;height:164px;color:white;pointer-events:none}
.fee-hero-logo svg{width:100%;height:100%}
.fee-badge{display:inline-block;padding:6px 14px;border-radius:4px;background:rgba(212,43,43,.2);color:#FF9090;font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px;border:1px solid rgba(212,43,43,.3)}
.fee-hero h1{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:64px;text-transform:uppercase;color:white;line-height:1.0;margin-bottom:14px}
.fee-hero h1 em{color:var(--red);font-style:normal}
.fee-hero p{font-size:16px;color:rgba(255,255,255,.5);max-width:520px;line-height:1.7}

/* ── FEE CARDS ── */
.fee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.fee-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.fee-card{background:white;border:1.5px solid var(--border);border-radius:12px;padding:28px;transition:all .28s,background .3s,border-color .3s;display:flex;flex-direction:column}
.fee-card:hover{border-color:var(--red);box-shadow:0 16px 48px rgba(212,43,43,.1);transform:translateY(-4px)}
.fee-card.popular{border-color:var(--red);border-width:2px;position:relative;overflow:hidden}
.fee-card.popular::before{content:'MOST POPULAR';position:absolute;top:22px;right:-50px;width:180px;text-align:center;background:var(--red);color:white;font-size:9px;font-weight:900;letter-spacing:1.5px;padding:5px 0;transform:rotate(45deg)}
.fee-card.gold-card{border-color:var(--gold);border-width:2px;background:var(--gold-pale)}
.fee-card.gold-card:hover{box-shadow:0 16px 48px rgba(200,150,30,.15)}
.fee-icon-wrap{width:52px;height:52px;border-radius:10px;background:var(--red-pale);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px}
.fee-card.gold-card .fee-icon-wrap{background:rgba(200,150,30,.12)}
.fee-card-name{font-size:18px;font-weight:800;margin-bottom:4px;transition:color .3s}
.fee-card-sub{font-size:15px;color:var(--muted);margin-bottom:20px}
.fee-amount{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:44px;color:var(--red);line-height:1}
.fee-amount.gold-amt{color:var(--gold)}
.fee-period{font-size:15px;color:var(--muted);margin-top:4px;margin-bottom:20px}
.fee-divider{height:1px;background:var(--border-light);margin:20px 0}
.fee-perks{list-style:none;flex:1}
.fee-perks li{font-size:16px;color:var(--slate);padding:7px 0;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid var(--border-light);transition:color .3s}
.fee-perks li:last-child{border-bottom:none}
.fee-perks li::before{content:'✓';color:var(--red);font-weight:900;font-size:16px;flex-shrink:0;margin-top:1px}
.fee-btn{width:100%;margin-top:24px;padding:13px;border-radius:6px;border:2px solid var(--red);background:transparent;color:var(--red);font-size:12px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;transition:all .2s}
.fee-btn:hover{background:var(--red);color:white}
.fee-card.popular .fee-btn{background:var(--red);color:white}
.fee-card.popular .fee-btn:hover{background:var(--red-dark)}
.fee-card.gold-card .fee-btn{border-color:var(--gold);color:var(--gold)}
.fee-card.gold-card .fee-btn:hover{background:var(--gold);color:white}

/* ── NOTICE ── */
.notice{background:var(--gold-pale);border:1px solid rgba(200,150,30,.3);border-left:4px solid var(--gold);border-radius:8px;padding:18px 22px;margin-top:32px;display:flex;gap:14px;align-items:flex-start}
.notice-icon{font-size:22px;flex-shrink:0;margin-top:2px}
.notice-text{font-size:14px;color:#5A4000;line-height:1.65}
.notice-text strong{color:#3A2500}

/* ── ABOUT ── */
.about-intro{padding:80px 0}
.about-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.about-big{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:58px;text-transform:uppercase;line-height:1.0;margin-bottom:22px;transition:color .3s}
.about-big em{color:var(--red);font-style:normal}
.about-p{font-size:15px;color:var(--body);line-height:1.8;margin-bottom:14px;transition:color .3s}
.hof-card{background:white;border-radius:16px;border:1px solid var(--border);padding:28px;box-shadow:0 12px 48px rgba(0,0,0,.06);transition:background .3s,border-color .3s}
.hof-card h3{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--red);margin-bottom:18px}
.hof-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:var(--off-white);margin-bottom:8px;border:1px solid var(--border-light);transition:background .3s,border-color .3s}
.hof-rank{width:30px;height:30px;border-radius:50%;background:var(--muted);color:white;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hof-rank.r1{background:#C8961E}
.hof-rank.r2{background:#9E9E9E}
.hof-rank.r3{background:#bf6020}
.hof-name{font-weight:800;font-size:14px;flex:1;transition:color .3s}
.hof-score{font-size:13px;font-weight:800;color:var(--red)}
.pillars-section{background:var(--charcoal);padding:88px 0}
.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.pillar{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:32px 28px;transition:all .28s}
.pillar:hover{border-color:rgba(212,43,43,.5);background:rgba(212,43,43,.05)}
.pillar-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:60px;-webkit-text-stroke:2px rgba(212,43,43,.4);color:transparent;line-height:1;margin-bottom:14px}
.pillar h3{font-size:18px;font-weight:800;color:white;margin-bottom:10px}
.pillar p{font-size:14px;color:rgba(255,255,255,.45);line-height:1.65}
.gallery-section{padding:88px 0;transition:background .3s}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}
.gallery-item{border-radius:10px;border:1px solid var(--border);aspect-ratio:4/3;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:var(--muted);transition:all .2s}
.gallery-item:hover{border-color:var(--red);background:var(--red-pale)}
.gallery-icon{font-size:28px;opacity:.4}
.gallery-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.5}

/* ── CONTACT ── */
.contact-hero{background:var(--charcoal);padding:72px 0;position:relative;overflow:hidden}
.contact-hero::before{content:'';position:absolute;top:-60px;right:-80px;width:360px;height:360px;border-radius:50%;background:rgba(212,43,43,.12)}
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;padding:72px 0;align-items:start}
.contact-info h3{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;text-transform:uppercase;margin-bottom:28px;transition:color .3s}
.cinfo-item{display:flex;gap:14px;margin-bottom:24px}
.cinfo-icon{width:46px;height:46px;border-radius:10px;background:var(--red-pale);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.cinfo-title{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.cinfo-text{font-size:16px;color:var(--charcoal);line-height:1.6;transition:color .3s}
.cinfo-text a{color:var(--red)}
.urgent-box{background:var(--red-pale);border:1.5px solid var(--red-mid);border-radius:10px;padding:18px 20px;margin-top:28px}
.urgent-box-title{font-size:13px;font-weight:900;color:var(--red);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.urgent-box-text{font-size:13px;color:var(--red-dark);line-height:1.55}
.form-card{background:white;border-radius:16px;border:1px solid var(--border);padding:36px;box-shadow:0 16px 56px rgba(0,0,0,.06);transition:background .3s,border-color .3s}
.form-card h3{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;text-transform:uppercase;margin-bottom:28px;transition:color .3s}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group{margin-bottom:18px}
.form-group label{display:block;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--body);margin-bottom:8px;transition:color .3s}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:13px 16px;border-radius:6px;border:1.5px solid var(--border);font-family:'Barlow',sans-serif;font-size:14px;color:var(--charcoal);background:var(--off-white);outline:none;transition:border-color .2s,background .2s}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--red);background:white}
.form-group textarea{height:110px;resize:none}
.form-submit{width:100%;padding:16px;background:var(--red);color:white;border:none;border-radius:6px;font-family:'Barlow',sans-serif;font-size:14px;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;transition:all .22s}
.form-submit:hover{background:var(--red-dark);transform:translateY(-2px);box-shadow:0 8px 28px rgba(212,43,43,.3)}
.form-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}
.success-box{display:none;text-align:center;padding:40px 24px;background:#F0FBF4;border-radius:12px;border:1px solid #6FCF97}
.success-box .s-icon{font-size:52px;margin-bottom:12px}
.success-box h4{font-size:20px;font-weight:800;color:#1A6B3A;margin-bottom:8px}
.success-box p{font-size:14px;color:#2D7A47}
.reset-btn{margin-top:20px;padding:12px 28px;background:transparent;border:2px solid #2D7A47;border-radius:6px;font-size:13px;font-weight:800;color:#2D7A47;transition:all .2s}
.reset-btn:hover{background:#2D7A47;color:white}

/* ── CTA BANNER ── */
.cta-banner{background:var(--red);padding:72px 0}
.cta-banner-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.cta-banner h2{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:48px;text-transform:uppercase;color:white;line-height:1.05}
.cta-banner h2 em{color:var(--gold-light);font-style:normal}
.cta-banner p{font-size:16px;color:rgba(255,255,255,.65);margin-top:8px}

/* ── FOOTER ── */
footer{background:var(--dark);border-top:3px solid var(--red);padding:52px 0 28px;transition:background .3s}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-bottom:48px}
.footer-brand h4{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:22px;text-transform:uppercase;color:white;margin-bottom:4px}
.footer-brand h4 span{color:var(--red)}
.footer-brand-tag{font-size:11px;color:rgba(255,255,255,.3);letter-spacing:2px;text-transform:uppercase;margin-bottom:14px}
.footer-brand p{font-size:13px;color:rgba(255,255,255,.4);line-height:1.7}
.footer-col h5{font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:16px}
.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,.55);margin-bottom:10px;transition:color .18s}
.footer-col a:hover{color:white}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:12px;color:rgba(255,255,255,.3)}

/* ── STICKY WHATSAPP + CALL ── */
.sticky-btns{position:fixed;bottom:28px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:8000}
.sticky-btn{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.25);border:none;transition:all .25s;text-decoration:none}
.sticky-btn:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 28px rgba(0,0,0,.3)}
.sticky-wa{background:#25D366}
.sticky-call{background:var(--red)}
.sticky-tooltip{position:absolute;right:62px;background:var(--charcoal);color:white;font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s}
.sticky-btn:hover .sticky-tooltip{opacity:1}

/* ── UTILITIES ── */
.bg-cream{background:var(--cream);transition:background .3s}
.mt-40{margin-top:40px}
.text-center{text-align:center}
.fade-up{animation:fadeUp .55s ease both}
.fade-up-d1{animation-delay:.1s}
.fade-up-d2{animation-delay:.2s}
.fade-up-d3{animation-delay:.3s}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1023px){
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  .hero-inner{grid-template-columns:1fr}
  .hero-visual{display:none}
  .hero h1{font-size:58px}
  .hero-content{padding-bottom:48px}
  .hero-logo-watermark{display:none}
  .stats-bar-inner{grid-template-columns:repeat(2,1fr)}
  .stat-cell:nth-child(2){border-right:none}
  .sh h2{font-size:44px}
  .courses-grid{grid-template-columns:repeat(2,1fr)}
  .cat-grid{grid-template-columns:repeat(2,1fr)}
  .testimonials-grid{grid-template-columns:repeat(2,1fr)}
  .testimonials-grid .testi-card:last-child{display:none}
  .about-intro-grid{grid-template-columns:1fr;gap:36px}
  .about-big{font-size:46px}
  .pillars-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1 / -1}
  .cta-banner-inner{flex-direction:column;text-align:center}
  .faq-grid{grid-template-columns:1fr}
  .map-grid{grid-template-columns:1fr}
  .results-grid{grid-template-columns:repeat(3,1fr)}
  .fee-grid-2x2{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
  .container{padding:0 16px}
  .section{padding:56px 0}
  .section-sm{padding:44px 0}
  .nav-links{display:none}
  .nav-hamburger{display:flex}
  /* Mobile nav: keep just the logo mark + a compact Enquire button so the
     logo, dark-mode toggle and button no longer overlap on small screens */
  .nav-logo-text{display:none}
  .nav-logo-mark,.nav-logo-mark svg,.nav-logo-mark img{width:38px;height:38px}
  .dark-toggle{width:34px;height:34px;font-size:14px}
  .nav-cta{padding:9px 13px;font-size:10px;letter-spacing:.8px}
  .hero{padding:40px 0 0}
  .hero h1{font-size:40px}
  .hero-visual{display:none}
  .hero-content{padding-bottom:36px}
  .hero-btns{flex-direction:column}
  .hero-btns .btn{width:100%;justify-content:center}
  .hero-logo-watermark{display:none}
  .stats-bar-inner{grid-template-columns:repeat(2,1fr)}
  .stat-cell:nth-child(2){border-right:none}
  .stat-n{font-size:36px}
  .sh{margin-bottom:36px}
  .sh h2{font-size:30px}
  .sh p{font-size:15px}
  .features-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .feat-card{padding:18px 14px}
  .feat-card h3{font-size:15px;margin-bottom:6px}
  .feat-card p{font-size:14px;line-height:1.55}
  .feat-icon{width:38px;height:38px;font-size:18px;margin-bottom:10px;border-radius:10px}
  .feat-card-num{font-size:60px}
  .courses-grid{grid-template-columns:1fr}
  .cat-grid{grid-template-columns:1fr}
  /* Offers stay side-by-side on mobile (compact) */
  .offer-grid{grid-template-columns:1fr 1fr;gap:12px}
  .offer-card{padding:20px 15px;min-height:0;border-radius:14px}
  .offer-card::after{width:120px;height:120px;right:-42px;top:-42px}
  .offer-badge{font-size:8px;letter-spacing:.3px;padding:5px 8px;margin-bottom:12px}
  .offer-icon{font-size:30px;margin-bottom:8px}
  .offer-headline{font-size:21px;margin-bottom:8px}
  .offer-text{font-size:12.5px;line-height:1.5}
  .offer-btn{margin-top:16px;padding:10px 12px;font-size:10px;letter-spacing:.3px;gap:5px;white-space:normal;text-align:center}
  .testimonials-grid{grid-template-columns:1fr}
  .testimonials-grid .testi-card:last-child{display:block}
  .fee-grid-2x2{grid-template-columns:repeat(2,1fr);gap:12px}
  .fee-grid-2x2 .fee-card{padding:20px 16px}
  .fee-grid-2x2 .fee-card-name{font-size:15px}
  .fee-grid-2x2 .fee-amount{font-size:32px}
  .fee-grid-2x2 .fee-period{font-size:11px}
  .fee-grid{grid-template-columns:1fr}
  /* Topper result strips: force one column so cards never overflow on phones */
  .results-section div[style*="grid-template-columns"]{grid-template-columns:1fr !important;max-width:360px}
  .fee-hero{padding:48px 0 56px}
  .fee-hero h1{font-size:36px}
  .fee-hero-logo{display:none}
  .about-intro-grid{grid-template-columns:1fr}
  .about-big{font-size:34px}
  .pillars-grid{grid-template-columns:1fr}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .contact-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .cta-banner h2{font-size:30px}
  .cta-banner-inner{flex-direction:column;text-align:center}
  .cta-banner-inner .btn{width:100%;justify-content:center}
  .faq-grid{grid-template-columns:1fr}
  .map-grid{grid-template-columns:1fr}
  .map-embed-wrap{height:260px}
  .results-grid{grid-template-columns:repeat(2,1fr)}
  .sticky-btns{bottom:64px;right:22px}
  .sticky-btn{width:46px;height:46px}
}

/* ============================================================
   DRAFT 6 ADDITIONS
   Dark Mode · Sticky Btns · Tickers · Scroll Reveal
   Counters · FAQ · Results Cards · Map · Dark Toggle
   ============================================================ */

/* ── DARK MODE — Proper dark design, not inverted light ── */
/* Hero stays dark in both modes (it's always charcoal), so no override needed there */

html.dark body {
  background: #0E0E0E;
  color: #E8E8E8;
}

/* ── NAV (dark) ── */
html.dark .nav {
  background: rgba(14,14,14,0.97);
  border-color: #1F1F1F;
}
html.dark .nav-logo-name { color: #F2F2F2; }
html.dark .nav-link { color: #999; }
html.dark .nav-link:hover,
html.dark .nav-link.active { background: rgba(212,43,43,0.12); color: #E05050; }
html.dark .dark-toggle { background: #1A1A1A; border-color: #2E2E2E; }
html.dark .nav-drawer { background: #141414; border-color: #D42B2B; }
html.dark .nav-hamburger span { background: #CCC; }

/* ── BODY BACKGROUNDS ── */
html.dark .page-wrap,
html.dark .section { background: #0E0E0E; }
html.dark .bg-cream,
html.dark .results-section,
html.dark .testimonials-section { background: #141414; }

/* ── SECTION HEADINGS ── */
html.dark .sh h2 { color: #F0F0F0; }
html.dark .sh p   { color: #888; }
html.dark .label  { color: #E05050; }
html.dark .label::before { background: #E05050; }

/* ── HERO — keep as-is, only change the results card ── */
html.dark .hero-results-card {
  background: #1A1A1A;
  box-shadow: 0 32px 80px rgba(0,0,0,0.6);
}
html.dark .topper-row {
  background: #222;
  border-color: #2A2A2A;
}
html.dark .topper-row:hover { border-color: rgba(212,43,43,0.4); }
html.dark .topper-name { color: #F0F0F0; }
html.dark .topper-score { background: rgba(212,43,43,0.18) !important; color: #E05050 !important; }
html.dark .topper-exam { color: #666; }
html.dark .topper-score { background: rgba(212,43,43,0.15); color: #E05050; }

/* ── FEATURE CARDS ── */
html.dark .feat-card-1 { background: #1C0F0F; border-color: #3A1515; }
html.dark .feat-card-2 { background: #0D1520; border-color: #1A304A; }
html.dark .feat-card-3 { background: #0D1F12; border-color: #1A3D20; }
html.dark .feat-card-4 { background: #1C1600; border-color: #3A2C00; }
html.dark .feat-card h3 { color: #F0F0F0; }
html.dark .feat-card p  { color: #999; }

/* ── COURSE CARDS ── */
html.dark .course-card { background: #161616; border-color: #252525; }
html.dark .course-body { background: #161616; }
html.dark .course-desc { color: #999; }
html.dark .course-link { color: #E05050; }

/* ── TRACK CARDS (dark mode) ── */
html.dark .track-card { background: #161616; border-color: #252525; }
html.dark .track-card.is-primary { background: #1E1213; border-color: rgba(212,43,43,0.35); }
html.dark .track-card h3 { color: #F0F0F0; }
html.dark .track-card p { color: #9A9A9A; }
html.dark .track-card:hover { border-color: var(--red); box-shadow: 0 12px 30px rgba(0,0,0,0.4); }
html.dark .track-cta { color: #E05050; }

/* ── CATEGORY CARDS (dark mode) ── */
html.dark .cat-card { background: #161616; border-color: #252525; }
html.dark .cat-card:hover { border-color: var(--red); box-shadow: 0 18px 44px rgba(0,0,0,0.45); }
html.dark .cat-card-title { color: #F0F0F0; }
html.dark .cat-chip { background: #1E1E1E; border-color: #2D2D2D; color: #BBB; }
html.dark .cat-explore { color: #F0F0F0; }
html.dark .cat-arrow { border-color: #333; }
html.dark .cat-art { background: #1E1213; }
html.dark .cat-card--gold .cat-art { background: #1C1800; }

/* ── RESULTS / TOPPERS SHOWCASE ── */
html.dark .result-card { background: #161616 !important; border-color: #252525; }
html.dark .rc-top { background: #161616 !important; }

html.dark .rc-ribbon { background: rgba(255,255,255,0.06) !important; border-color: rgba(255,255,255,0.12) !important; }
html.dark .rc-ribbon[style*="FDE68A"] { background: rgba(200,150,30,0.15) !important; color: #C8961E !important; border-color: rgba(200,150,30,0.3) !important; }
html.dark .rc-ribbon[style*="red"] { background: rgba(212,43,43,0.12) !important; color: #E05050 !important; }

html.dark .rc-score-bar { background: #1A1A1A !important; border-color: #252525 !important; }
html.dark .rc-name { color: #F0F0F0 !important; }
html.dark .rc-exam { color: #666 !important; }
html.dark .rc-score-bar { background: #1E1E1E; border-color: #252525; }
html.dark .rc-name { color: #F0F0F0; }

/* ── TESTIMONIALS ── */
html.dark .testi-card { background: #181818; border-color: #252525; }
html.dark .testi-name { color: #F0F0F0; }
html.dark .testi-meta { color: #666; }
html.dark .testi-quote { color: #999; }
html.dark .testi-stars { color: #C8961E; }

/* ── FAQ ── */
html.dark .faq-section { background: #141414; }
html.dark .faq-intro h2 { color: #F0F0F0; }
html.dark .faq-intro p { color: #888; }
html.dark .faq-item { background: #181818; border-color: #252525; }
html.dark .faq-item.open { border-color: #D42B2B; }
html.dark .faq-q { color: #E8E8E8; }
html.dark .faq-item.open .faq-q { color: #E05050; }
html.dark .faq-a { color: #888; }
html.dark .faq-icon { background: rgba(212,43,43,0.12); color: #E05050; }

/* ── MAP ── */
html.dark .map-section { background: #0E0E0E; }
html.dark .map-info-card { background: #161616; border-color: #252525; }
html.dark .map-row { border-color: #222; }
html.dark .map-row-title { color: #666; }
html.dark .map-row-text { color: #CCC; }
html.dark .map-row-text a { color: #E05050; }
html.dark .map-icon { background: rgba(212,43,43,0.1); }
html.dark .map-embed-wrap { border-color: #252525; }

/* ── FEE CARDS ── */
html.dark .fee-card { background: #161616; border-color: #252525; }
html.dark .fee-card.gold-card { background: #181200; border-color: #3A2A00; }
html.dark .fee-card-name { color: #F0F0F0; }
html.dark .fee-card-sub { color: #666; }
html.dark .fee-perks li { color: #BBBBBB; border-color: #222; }

/* ── FORMS ── */
html.dark .form-card { background: #161616; border-color: #252525; }
html.dark .form-card h3 { color: #F0F0F0; }
html.dark .form-group label { color: #AAA; }
html.dark .form-group input,
html.dark .form-group select,
html.dark .form-group textarea {
  background: #1E1E1E;
  border-color: #2E2E2E;
  color: #F0F0F0;
}
html.dark .form-group input:focus,
html.dark .form-group select:focus,
html.dark .form-group textarea:focus {
  border-color: #D42B2B;
  background: #222;
}
html.dark .form-group input::placeholder,
html.dark .form-group textarea::placeholder { color: #555; }

/* ── CONTACT INFO ── */
html.dark .contact-info h3 { color: #F0F0F0; }
html.dark .cinfo-title { color: #888; }
html.dark .cinfo-text { color: #CCC; }
html.dark .cinfo-text a { color: #E05050; }
html.dark .urgent-box { background: rgba(212,43,43,0.08); border-color: rgba(212,43,43,0.25); }
html.dark .urgent-box-title { color: #E05050; }
html.dark .urgent-box-text { color: #999; }

/* ── HOF / GALLERY / ABOUT ── */
html.dark .hof-card { background: #161616; border-color: #252525; }
html.dark .hof-item { background: #1E1E1E; border-color: #252525; }
html.dark .hof-name { color: #F0F0F0; }
html.dark .gallery-item { background: #161616; border-color: #252525; }
html.dark .about-big { color: #F0F0F0; }
html.dark .about-p { color: #999; }
html.dark .pillar { border-color: #252525; }
html.dark .notice { background: rgba(200,150,30,0.07); border-color: rgba(200,150,30,0.2); }
html.dark .notice-text { color: #C8961E; }

/* ── TICKERS ── */
html.dark .ticker-wrap-red { background: #9A1F1F; border-color: #7A1515; }
html.dark .ticker-wrap-dark { background: #090909; }

/* ── FOOTER ── */
html.dark footer { background: #080808; border-color: var(--red); }
html.dark footer h4,
html.dark footer h5 { color: #F0F0F0; }
html.dark footer a { color: #888; }
html.dark footer a:hover { color: #E05050; }
html.dark .footer-brand-tag { color: #555; }
html.dark .footer-bottom { border-color: #1E1E1E; color: #555; }

/* ── DARK MODE TOGGLE BUTTON ── */
.dark-toggle {
  width:34px; height:34px; border-radius:50%;
  background:var(--cream); border:1.5px solid var(--border);
  font-size:16px; display:flex; align-items:center; justify-content:center;
  transition:all 0.2s; flex-shrink:0;
}
.dark-toggle:hover { border-color:var(--red); transform:rotate(20deg); }

/* ── TICKER — RED (below nav) ── */
.ticker-wrap-red {
  background:var(--red); overflow:hidden;
  padding:11px 0; border-bottom:2px solid var(--red-dark);
}
.ticker-track-red {
  display:flex; width:max-content;
  animation:tickerScroll 30s linear infinite;
}
.ticker-track-red:hover { animation-play-state:paused; }
.ticker-item-red {
  display:flex; align-items:center; gap:10px; padding:0 36px;
  white-space:nowrap; font-size:12px; font-weight:800;
  letter-spacing:1.5px; text-transform:uppercase; color:rgba(255,255,255,0.88);
}
.ticker-sep { color:rgba(255,255,255,0.3); margin:0 4px; }

/* ── TICKER — BLACK (after courses) ── */
.ticker-wrap-dark {
  background:var(--charcoal); overflow:hidden;
  padding:14px 0; border-top:2px solid var(--red); border-bottom:2px solid var(--red);
}
html.dark .ticker-wrap-dark { background:#0A0A0A; }
.ticker-track-dark {
  display:flex; width:max-content;
  animation:tickerScroll 28s linear infinite reverse;
}
.ticker-track-dark:hover { animation-play-state:paused; }
.ticker-item-dark {
  display:flex; align-items:center; gap:10px; padding:0 40px;
  white-space:nowrap; font-family:'Barlow Condensed',sans-serif;
  font-weight:900; font-size:18px; text-transform:uppercase;
  letter-spacing:0.5px; color:white;
}
.ticker-dot-dark { width:6px; height:6px; border-radius:50%; background:var(--red); flex-shrink:0; }
.ticker-score { color:var(--gold-light); }

@keyframes tickerScroll {
  from { transform:translateX(0); }
  to   { transform:translateX(-50%); }
}

/* ── STICKY BUTTONS ── */
.sticky-btns {
  position:fixed; right:20px; bottom:32px; z-index:8000;
  display:flex; flex-direction:column; gap:10px;
}
.sticky-btn {
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 4px 20px rgba(0,0,0,0.25);
  transition:transform 0.2s, box-shadow 0.2s;
  text-decoration:none;
}
.sticky-btn:hover { transform:scale(1.12); box-shadow:0 8px 28px rgba(0,0,0,0.3); }
.sticky-wa   { background:#25D366; }
.sticky-call { background:var(--red); }

/* ── SCROLL REVEAL ── */
.reveal { opacity:0; transition:opacity 0.65s cubic-bezier(0.16,1,0.3,1), transform 0.65s cubic-bezier(0.16,1,0.3,1); }
.reveal.from-bottom { transform:translateY(36px); }
.reveal.from-left   { transform:translateX(-36px); }
.reveal.from-right  { transform:translateX(36px); }
.reveal.scale-in    { transform:scale(0.9); }
.reveal.revealed    { opacity:1; transform:none; }

/* ── FAQ SECTION ── */
.faq-section { padding:88px 0; background:var(--cream); }
html.dark .faq-section { background:#161616; }
.faq-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:60px; align-items:start; }
.faq-intro-label { font-size:11px; font-weight:800; letter-spacing:3px; text-transform:uppercase; color:var(--red); margin-bottom:14px; display:flex; align-items:center; gap:8px; }
.faq-intro-label::before { content:''; display:block; width:28px; height:2px; background:var(--red); }
.faq-intro h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:48px; text-transform:uppercase; line-height:1; color:var(--charcoal); margin-bottom:16px; }
.faq-intro h2 em { color:var(--red); font-style:normal; }
.faq-intro p { font-size:15px; color:var(--body); line-height:1.7; margin-bottom:28px; }
.faq-list { display:flex; flex-direction:column; gap:10px; }
.faq-item {
  border:1.5px solid var(--border); border-radius:10px;
  overflow:hidden; transition:border-color 0.2s; background:var(--white);
}
.faq-item.open { border-color:var(--red); }
.faq-q {
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 20px; cursor:pointer;
  font-size:14px; font-weight:700; color:var(--charcoal); gap:12px; user-select:none;
}
.faq-item.open .faq-q { color:var(--red); }
.faq-icon {
  width:26px; height:26px; border-radius:50%; flex-shrink:0;
  background:var(--red-pale); display:flex; align-items:center; justify-content:center;
  font-size:16px; font-weight:900; color:var(--red);
  transition:transform 0.3s, background 0.2s;
}
.faq-item.open .faq-icon { transform:rotate(45deg); background:var(--red); color:white; }
.faq-a {
  max-height:0; overflow:hidden;
  transition:max-height 0.38s cubic-bezier(0.16,1,0.3,1), padding 0.3s;
  font-size:14px; color:var(--body); line-height:1.7; padding:0 20px;
}
.faq-item.open .faq-a { max-height:200px; padding:0 20px 16px; }

/* ── RESULTS SHOWCASE ── */
.results-section { padding:88px 0; }
.results-tabs { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:36px; }
.results-tab {
  padding:9px 20px; border-radius:100px; border:1.5px solid var(--border);
  background:transparent; font-size:12px; font-weight:800; letter-spacing:1px;
  text-transform:uppercase; color:var(--muted); transition:all 0.2s;
}
.results-tab:hover { border-color:var(--red); color:var(--red); }
.results-tab.active { background:var(--red); color:white; border-color:var(--red); }
.results-scroll { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; padding-bottom:0; }
.results-scroll::-webkit-scrollbar { display:none; }
.result-card {
  width:100%; border-radius:12px; overflow:hidden;
  border:1.5px solid var(--border);
  transition:transform 0.2s, box-shadow 0.2s; background:var(--white);
}
.result-card:hover { transform:translateY(-4px); box-shadow:0 12px 32px rgba(0,0,0,0.1); }
.rc-top { padding:18px 14px 14px; position:relative; }
.rc-ribbon {
  position:absolute; top:10px; right:10px;
  font-size:10px; font-weight:900; letter-spacing:1px; text-transform:uppercase;
  padding:3px 8px; border-radius:100px; border:1px solid;
}
.rc-avatar {
  width:48px; height:48px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  font-family:'Barlow Condensed',sans-serif; font-weight:900;
  font-size:16px; color:white; margin-bottom:10px;
}
.rc-name  { font-weight:800; font-size:13px; color:var(--charcoal); margin-bottom:2px; }
.rc-exam  { font-size:11px; color:var(--muted); }
.rc-score-bar { background:var(--cream); padding:12px 14px; border-top:1px solid var(--border); }
.rc-score-num { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:28px; line-height:1; }
.rc-score-label { font-size:10px; font-weight:700; color:var(--muted); letter-spacing:1px; text-transform:uppercase; margin-top:2px; }
.rc-bar-track { height:4px; background:var(--border); border-radius:2px; margin-top:10px; overflow:hidden; }
.rc-bar-fill  { height:100%; border-radius:2px; }

/* ── RESULT CARD TINT CLASSES (light mode) ── */
.rc-top { padding:18px 14px 14px; position:relative; }
.rc-top-gold  { background:#FEF8F0; }
.rc-top-red   { background:#FEF0F0; }
.rc-top-blue  { background:#EFF6FF; }
.rc-top-green { background:#F0FDF4; }
.rc-top-amber { background:#FFFBEB; }

.rc-ribbon-gold  { background:#FDE68A; color:#92400E; border-color:#FCD34D; }
.rc-ribbon-red   { background:var(--red-pale); color:var(--red); border-color:var(--red-mid); }
.rc-ribbon-blue  { background:#EFF6FF; color:#1D4ED8; border-color:#BFDBFE; }
.rc-ribbon-green { background:#F0FDF4; color:#16A34A; border-color:#BBF7D0; }
.rc-ribbon-amber { background:#FFFBEB; color:#D97706; border-color:#FDE68A; }

/* ── RESULT CARD TINT CLASSES (dark mode) ── */
html.dark .rc-top-gold,
html.dark .rc-top-red,
html.dark .rc-top-blue,
html.dark .rc-top-green,
html.dark .rc-top-amber { background: #1A1A1A !important; }

html.dark .rc-ribbon-gold  { background: rgba(200,150,30,0.12); color:#C8961E; border-color:rgba(200,150,30,0.25); }
html.dark .rc-ribbon-red   { background: rgba(212,43,43,0.12);  color:#E05050; border-color:rgba(212,43,43,0.25); }
html.dark .rc-ribbon-blue  { background: rgba(37,99,235,0.12);  color:#60A5FA; border-color:rgba(37,99,235,0.25); }
html.dark .rc-ribbon-green { background: rgba(22,163,74,0.12);  color:#4ADE80; border-color:rgba(22,163,74,0.25); }
html.dark .rc-ribbon-amber { background: rgba(217,119,6,0.12);  color:#FBBF24; border-color:rgba(217,119,6,0.25); }


/* ── MAP SECTION ── */
.map-section { padding:88px 0; background:var(--cream); }
.map-grid { display:grid; grid-template-columns:1.4fr 1fr; gap:32px; align-items:start; }
.map-embed-wrap { border-radius:16px; overflow:hidden; border:1.5px solid var(--border); height:400px; }
.map-embed-wrap iframe { width:100%; height:100%; border:none; display:block; }
.map-info-card { background:var(--white); border-radius:16px; border:1.5px solid var(--border); padding:28px; }
.map-info-card h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:28px; text-transform:uppercase; color:var(--charcoal); margin-bottom:20px; line-height:1; }
.map-info-card h3 em { color:var(--red); font-style:normal; }
.map-row { display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--border-light); }
.map-row:last-of-type { border-bottom:none; }
.map-icon { width:40px; height:40px; border-radius:10px; background:var(--red-pale); display:flex; align-items:center; justify-content:center; font-size:18px; flex-shrink:0; }
.map-row-title { font-size:11px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; color:var(--muted); margin-bottom:4px; }
.map-row-text  { font-size:16px; color:var(--charcoal); line-height:1.55; }
.map-row-text a { color:var(--red); }
.map-directions-btn {
  width:100%; margin-top:20px; padding:14px;
  background:var(--red); color:white; border:none; border-radius:6px;
  font-size:13px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase;
  transition:all 0.2s; display:block; text-align:center; text-decoration:none;
}
.map-directions-btn:hover { background:var(--red-dark); transform:translateY(-2px); }

/* ── RESPONSIVE additions ── */
@media (max-width:1023px) {
  .faq-grid  { grid-template-columns:1fr; gap:32px; }
  .map-grid  { grid-template-columns:1fr; }
  .map-embed-wrap { height:300px; }
  .results-scroll { grid-template-columns:repeat(3,1fr); }
}
@media (max-width:767px) {
  .sticky-btns { right:22px; bottom:64px; }
  .sticky-btn  { width:46px; height:46px; }
  .faq-grid    { grid-template-columns:1fr; gap:24px; }
  .faq-intro h2 { font-size:34px; }
  .map-grid    { grid-template-columns:1fr; }
  .map-embed-wrap { height:260px; }
  .results-tab { padding:7px 14px; font-size:11px; }
  .results-scroll { grid-template-columns:repeat(3,1fr); }
  .result-card { width:auto; }
}

/* ── DARK MODE PATCH — missing elements ── */

/* Off-white backgrounds used inside cards */
html.dark .topper-row { background: #222 !important; }
html.dark .hof-item    { background: #222 !important; }
html.dark .faq-item    { background: #181818 !important; }

/* Feature icon boxes */
html.dark .feat-icon { background: #252525; box-shadow: none; }

/* result-card-inner (Results showcase section) */
html.dark .result-card-inner { background: #161616; border-color: #252525; }
html.dark .rc-name { color: #F0F0F0; }
html.dark .rc-score-bar { background: #1E1E1E; border-color: #252525; }
html.dark .rc-score-label { color: #888; }

html.dark .results-tab { border-color: #2E2E2E; color: #666; background: transparent; }
html.dark .results-tab:hover { border-color: var(--red); color: #E05050; }
html.dark .results-tab.active { background: var(--red); color: white; border-color: var(--red); }
html.dark .results-section { background: #141414; }
html.dark .result-row-card { background: #222; border-color: #303030; }
html.dark .result-row-card .rr-name { color: #F0F0F0; }
html.dark .result-row-card .rr-sub { color: #666; }
html.dark .result-row-score { background: rgba(212,43,43,0.15) !important; color: #E05050 !important; }


/* Contact info items */
html.dark .cinfo-item { border-color: #222; }
html.dark .cinfo-icon { background: rgba(212,43,43,0.1); }
html.dark .cinfo-title { color: #666; }
html.dark .cinfo-text { color: #CCC; }
html.dark .cinfo-text a { color: #E05050; }

/* About page */
html.dark .about-big { color: #F0F0F0; }
html.dark .pillar h4 { color: #F0F0F0; }
html.dark .pillar p  { color: #888; }

/* Nav — ensure white background flips */
html.dark .nav { background: rgba(14,14,14,0.98) !important; border-color: #1F1F1F !important; }
html.dark .nav-drawer { background: #141414 !important; }

/* Dark toggle button moon icon */
html.dark .dark-toggle { background: #1A1A1A; border-color: #2E2E2E; }
html.dark .dark-toggle:hover { border-color: var(--red); }

/* Section alternating bg */
html.dark .section.bg-cream { background: #141414; }

/* Gallery */
html.dark .gallery-placeholder { background: #1E1E1E; border-color: #252525; }

/* Stats bar — keep red */
html.dark .stats-bar { background: #9A1F1F; }

/* CTA banner */
html.dark .cta-banner { background: #0A0A0A; border-top: 1px solid #1E1E1E; }
html.dark .cta-banner-inner { background: linear-gradient(135deg, #1C0F0F 0%, #111 100%); border-color: rgba(212,43,43,0.2); }

/* Sticky buttons */
html.dark .sticky-btn.call-btn { box-shadow: 0 4px 20px rgba(0,0,0,0.5); }

/* FAQ second instance (separate from the faq-item override above) */
html.dark .faq-q { background: #181818; }
html.dark .faq-item.open { background: #1C1C1C; }

/* Map directions button */
html.dark .map-directions-btn { background: rgba(212,43,43,0.12); border-color: rgba(212,43,43,0.25); color: #E05050; }
html.dark .map-directions-btn:hover { background: var(--red); color: white; }

/* Course card title */
html.dark .course-name { color: #F0F0F0; }
html.dark .course-link  { color: #E05050; }
html.dark .course-link:hover { color: #FF6060; }

/* Testi stars */
html.dark .testi-stars { color: #C8961E; }
html.dark .testi-meta  { color: #555; }

/* Fee badge + tags */
html.dark .fee-badge { background: rgba(212,43,43,0.12); color: #E05050; border-color: rgba(212,43,43,0.25); }
html.dark .hero-tag  { border-color: rgba(255,255,255,0.1); color: rgba(255,255,255,0.35); }

/* Form focus state */
html.dark .form-group input:focus,
html.dark .form-group select:focus,
html.dark .form-group textarea:focus { background: #252525 !important; }

/* Success / error boxes in form */
html.dark .success-box { background: rgba(22,163,74,0.08); border-color: rgba(22,163,74,0.25); }
html.dark .success-box h4 { color: #6EE7A0; }
html.dark .success-box p  { color: #AAA; }

/* Reset btn */
html.dark .reset-btn { background: #252525; color: #CCC; border-color: #333; }
html.dark .reset-btn:hover { background: var(--red); color: white; border-color: var(--red); }

/* Notice (droppers page) */
html.dark .notice { background: rgba(200,150,30,0.06); border-color: rgba(200,150,30,0.2); }

/* Page section backgrounds — catch anything leftover */
html.dark .page-wrap { background: #0E0E0E; }
html.dark section:not([class*="hero"]):not([class*="ticker"]):not([class*="stats"]):not([class*="cta"]):not([class*="career-apply"]) {
  background: inherit;
}



/* ── SECTION-SM DARK ── */
html.dark .section-sm { background: #141414; }
html.dark .section { background: #0E0E0E; }
html.dark .section.bg-cream,
html.dark .bg-cream { background: #141414; }

/* ── FEE HERO DARK ── */
html.dark .fee-hero { background: var(--charcoal); }

/* ── NAV ACTIVE INDICATOR ── */
html.dark .nav-active-dot { background: var(--red); }

/* ── PREVENT ALL INLINE white BACKGROUNDS in dark ── */
html.dark [style*="background:white"],
html.dark [style*="background: white"] { background: #161616 !important; }

/* ── TOPPER ROWS in achievers grid on course pages ── */
html.dark .topper-row[style*="gold-pale"],
html.dark .topper-row { background: #222 !important; border-color: #2A2A2A !important; }
html.dark .topper-row[style*="gold-pale"] { background: #1C1800 !important; border-color: rgba(200,150,30,0.25) !important; }

/* ── RESULTS SECTION heading color ── */
html.dark .sh.center h2 { color: #F0F0F0; }
html.dark .sh.center p  { color: #888; }

/* ── STATS BAR — keep red ── */
html.dark .stats-bar { background: #B01F1F; }
html.dark .stat-num  { color: white; }
html.dark .stat-label { color: rgba(255,255,255,0.6); }

/* ── DARK BODY BACKGROUND ── */
html.dark { background: #0E0E0E; }

/* ── CAREER PAGE ── */
.career-hero { background:var(--charcoal); padding:72px 0 80px; position:relative; overflow:hidden; }
.career-hero::before { content:''; position:absolute; top:-60px; right:-80px; width:360px; height:360px; border-radius:50%; background:rgba(212,43,43,0.12); }
.career-hero-logo { position:absolute; right:18px; top:42px; opacity:.08; width:185px; height:164px; color:white; pointer-events:none; }
.career-hero-logo svg { width:100%; height:100%; }
.career-roles-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.role-card { background:var(--white); border-radius:14px; border:1.5px solid var(--border); padding:28px; transition:all .25s; }
.role-card:hover { transform:translateY(-5px); box-shadow:0 16px 48px rgba(0,0,0,.10); border-color:var(--red); }
.role-tag { display:inline-block; padding:4px 12px; border-radius:100px; font-size:10px; font-weight:800; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:14px; }
.role-tag.full-time { background:var(--red-pale); color:var(--red); }
.role-tag.part-time { background:#EFF6FF; color:#2563EB; }
.role-tag.contract  { background:#F0FDF4; color:#16A34A; }
.role-title { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:22px; text-transform:uppercase; color:var(--charcoal); margin-bottom:8px; line-height:1; }
.role-sub   { font-size:12px; color:var(--muted); font-weight:600; letter-spacing:.5px; margin-bottom:14px; }
.role-desc  { font-size:14px; color:var(--body); line-height:1.65; margin-bottom:20px; }
.role-reqs  { list-style:none; margin-bottom:22px; display:flex; flex-direction:column; gap:6px; }
.role-reqs li { font-size:13px; color:var(--body); display:flex; align-items:flex-start; gap:8px; }
.role-reqs li::before { content:'✓'; color:var(--red); font-weight:900; font-size:12px; flex-shrink:0; margin-top:1px; }
.role-apply-btn { display:block; width:100%; padding:13px; background:var(--charcoal); color:white; border:none; border-radius:6px; font-size:12px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; transition:all .2s; text-align:center; text-decoration:none; }
.role-apply-btn:hover { background:var(--red); transform:translateY(-1px); }
.career-perks-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.perk-card { background:var(--white); border-radius:12px; border:1.5px solid var(--border); padding:24px; text-align:center; }
.perk-icon { font-size:32px; margin-bottom:12px; }
.perk-title { font-weight:800; font-size:15px; color:var(--charcoal); margin-bottom:6px; }
.perk-desc  { font-size:13px; color:var(--body); line-height:1.6; }
.career-apply-section { background:var(--charcoal); padding:88px 0; }
.career-apply-grid { display:grid; grid-template-columns:1fr 1.3fr; gap:52px; align-items:start; }
.career-apply-info h2 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:48px; text-transform:uppercase; color:white; line-height:1; margin-bottom:16px; }
.career-apply-info h2 em { color:var(--red); font-style:normal; }
.career-apply-info p { font-size:15px; color:rgba(255,255,255,.55); line-height:1.75; margin-bottom:24px; }
.career-apply-info .contact-chips { display:flex; flex-direction:column; gap:12px; }
.career-chip { display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.7); font-size:14px; font-weight:600; }
.career-chip a { color:rgba(255,255,255,.85); }
.career-chip-icon { width:36px; height:36px; border-radius:8px; background:rgba(212,43,43,.18); display:flex; align-items:center; justify-content:center; font-size:16px; flex-shrink:0; }
.career-form-card { background:#1C1C1C; border:1.5px solid #2E2E2E; border-radius:16px; padding:36px; }
.career-form-card h3 { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:26px; text-transform:uppercase; color:white; margin-bottom:24px; }
.career-form-card h3 em { color:var(--red); font-style:normal; }
.career-form-card .form-group label { color:#AAA; }
.career-form-card .form-group input,
.career-form-card .form-group select,
.career-form-card .form-group textarea { background:#252525; border-color:#333; color:#F0F0F0; }
.career-form-card .form-group input::placeholder,
.career-form-card .form-group textarea::placeholder { color:#555; }
.career-form-card .form-group input:focus,
.career-form-card .form-group select:focus,
.career-form-card .form-group textarea:focus { border-color:var(--red); background:#2A2A2A; }
.career-submit { width:100%; padding:16px; background:var(--red); color:white; border:none; border-radius:6px; font-family:'Barlow',sans-serif; font-size:14px; font-weight:900; letter-spacing:1.5px; text-transform:uppercase; transition:all .2s; margin-top:4px; }
.career-submit:hover { background:var(--red-dark); transform:translateY(-2px); box-shadow:0 8px 28px rgba(212,43,43,.35); }

/* Dark mode for career page */
html.dark .role-card { background:#161616; border-color:#252525; }
html.dark .role-title { color:#F0F0F0; }
html.dark .role-sub   { color:#555; }
html.dark .role-desc  { color:#999; }
html.dark .role-reqs li { color:#999; }
html.dark .role-apply-btn { background:#252525; color:#F0F0F0; }
html.dark .role-apply-btn:hover { background:var(--red); }
html.dark .perk-card  { background:#161616; border-color:#252525; }
html.dark .perk-title { color:#F0F0F0; }
html.dark .perk-desc  { color:#888; }

@media (max-width:1023px) {
  .career-roles-grid { grid-template-columns:repeat(2,1fr); }
  .career-perks-grid { grid-template-columns:repeat(2,1fr); }
  .career-apply-grid { grid-template-columns:1fr; }
}
@media (max-width:767px) {
  .career-roles-grid { grid-template-columns:1fr; }
  .career-perks-grid { grid-template-columns:repeat(2,1fr); }
  .career-apply-info h2 { font-size:36px; }
}