/* ScalpTrading v2 skin: the homepage / ScalpTool 2.0 look for every other page.
   Dark mode only — light mode stays exactly as before. */
html:not([data-theme="light"]){
  --bg:#030806;--bg2:#08120e;--bg3:#0d1d16;
  --g:#4ade80;--g2:#22c55e;--w:#ecf7f0;--gr:#8fae9e;--gr2:#5f7d6d;--b:rgba(120,200,160,.14);
  --green:#4ade80;--white:#ecf7f0;--gray:#8fae9e;--gray2:#5f7d6d;--border:rgba(120,200,160,.14);
  --panel:#08120e;--panel-2:#0d1d16;--line-2:rgba(120,200,160,.22);
  --v2-glass:rgba(14,30,23,.55);--v2-line:rgba(120,200,160,.14);--v2-grad:linear-gradient(100deg,#4ade80 0%,#2dd4bf 50%,#a7f3d0 100%);
  --v2-display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;--v2-body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:dark;
}
html:not([data-theme="light"]) :is(.lg,.ac,.cm-rp,.cm-sh,.sa){--card:rgba(14,30,23,.55);--line:rgba(120,200,160,.14);--mut:#8fae9e;--dim:#5f7d6d;--acc:#4ade80;--w:#ecf7f0}

/* page background: forest ink with soft glows */
html:not([data-theme="light"]) body{
  font-family:var(--v2-body) !important;
  background:
    radial-gradient(900px 600px at 85% -10%,rgba(74,222,128,.12),transparent 60%),
    radial-gradient(700px 500px at -10% 35%,rgba(45,212,191,.07),transparent 60%),
    radial-gradient(600px 500px at 60% 110%,rgba(245,196,81,.05),transparent 60%),
    #030806 !important;
  background-attachment:fixed !important;
  color:var(--w);
  -webkit-font-smoothing:antialiased;
}
html:not([data-theme="light"]) ::selection{background:rgba(74,222,128,.3);color:#fff}

/* type */
html:not([data-theme="light"]) :is(h1,h2,h3,.section-title,.st2x-title,.ab-name,.lg-hero h1){
  font-family:var(--v2-display) !important;letter-spacing:-.03em;text-wrap:balance;
}
html:not([data-theme="light"]) h1{font-weight:800 !important;letter-spacing:-.045em !important;line-height:1}
html:not([data-theme="light"]) :is(.section-label,.sec-lbl,.hero-lbl,.lg-kick){
  background:var(--v2-grad);-webkit-background-clip:text;background-clip:text;color:transparent !important;letter-spacing:.06em;
}
html:not([data-theme="light"]) h1 em,html:not([data-theme="light"]) .section-title em,html:not([data-theme="light"]) h2 em{
  background:var(--v2-grad);-webkit-background-clip:text;background-clip:text;color:transparent !important;font-style:normal;
}

/* surfaces: glass cards with the green hairline */
html:not([data-theme="light"]) :is(.ac-card,.rv-card,.why-card,.cr-c,.bl-feat,.bl-row,.dm-c,.cm-main,.cm-row,.fq-item,.fq-help,.ab-card,.ab-pill,.stat,.lg-card,.lg-sec,.course-card,.module,.mod,.post-card,.blog-card,.ip-card,.pp-card,.sx-cta-card,.st-pushcard,.cert-card){
  background:var(--v2-glass) !important;border:1px solid var(--v2-line) !important;border-radius:20px !important;
  backdrop-filter:blur(10px);transition:border-color .3s,transform .3s,box-shadow .3s;
}
html:not([data-theme="light"]) :is(.ac-card,.rv-card,.why-card,.cr-c,.bl-feat,.bl-row,.dm-c,.cm-row,.post-card,.blog-card,.course-card,.ip-card):hover{
  border-color:rgba(74,222,128,.45) !important;box-shadow:0 20px 40px -22px rgba(74,222,128,.55);
}

/* buttons: rounder, lift + glow on hover */
html:not([data-theme="light"]) :is(.ac-btn,.fx-btn,.sx-btn,.cr-btn,.cx-btn,.ip-btn,.ab-btn,.plan-btn,.nl-btn,.stv-btn,.stb-cta,.pp-cta,.rvx-btn,.btn-primary,.btn-secondary,.st2x-btn,.fq-hb,.cm-cta,.bl-all,.sa-cta){
  border-radius:12px !important;transition:transform .2s,box-shadow .25s,filter .2s !important;font-family:var(--v2-body) !important;font-weight:700 !important;
}
html:not([data-theme="light"]) :is(.ac-btn,.fx-btn,.sx-btn,.cr-btn,.cx-btn,.ip-btn,.ab-btn,.plan-btn,.nl-btn,.stv-btn,.stb-cta,.pp-cta,.rvx-btn,.btn-primary,.btn-secondary,.st2x-btn,.fq-hb,.cm-cta,.bl-all,.sa-cta):hover{
  transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(74,222,128,.6);
}

/* tables (IPO GMP, members, dashboards) */
html:not([data-theme="light"]) table{font-variant-numeric:tabular-nums}
html:not([data-theme="light"]) :is(th,td){border-color:var(--v2-line)}

/* inputs */
html:not([data-theme="light"]) :is(input[type=text],input[type=email],input[type=search],input[type=password],input[type=tel],textarea,select){
  background:rgba(8,18,14,.8) !important;border:1px solid var(--v2-line) !important;border-radius:12px !important;color:var(--w) !important;
}
html:not([data-theme="light"]) :is(input,textarea,select):focus{outline:none;border-color:#4ade80 !important;box-shadow:0 0 0 3px rgba(74,222,128,.2)}

/* menu glass */
html:not([data-theme="light"]) body>nav{background:rgba(3,8,6,.78) !important;border-bottom:1px solid var(--v2-line) !important;backdrop-filter:blur(18px) saturate(160%)}
html:not([data-theme="light"]) footer.stf{background:#050c09 !important;border-top-color:var(--v2-line) !important}

/* scrollbar */
html:not([data-theme="light"]){scrollbar-color:#1c3a2c #030806}
html:not([data-theme="light"]) ::-webkit-scrollbar{width:10px;height:10px}
html:not([data-theme="light"]) ::-webkit-scrollbar-track{background:#030806}
html:not([data-theme="light"]) ::-webkit-scrollbar-thumb{background:#1c3a2c;border-radius:10px;border:2px solid #030806}

/* v2 extras injected by v2-skin.js */
#v2-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(100deg,#4ade80,#2dd4bf,#a7f3d0);z-index:100001;box-shadow:0 0 12px rgba(74,222,128,.8);pointer-events:none}
#v2-loader{position:fixed;inset:0;z-index:100000;background:#030806;display:grid;place-items:center;transition:opacity .5s,visibility .5s;animation:v2auto .5s 2.2s forwards}
#v2-loader.done{opacity:0;visibility:hidden}
@keyframes v2auto{to{opacity:0;visibility:hidden}}
#v2-loader .w{display:flex;flex-direction:column;align-items:center;gap:14px}
#v2-loader img{width:96px;height:96px;object-fit:contain;animation:v2pop .7s cubic-bezier(.3,1.6,.5,1) both,v2glow 1.4s .5s ease-in-out infinite alternate}
#v2-loader b{font:800 1.5rem "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em;color:#ecf7f0;opacity:0;animation:v2up .6s .4s forwards}
#v2-loader b span{color:#4ade80}
#v2-loader small{font:700 .66rem "Manrope",system-ui,sans-serif;letter-spacing:3px;color:#8fae9e;opacity:0;animation:v2up .6s .6s forwards}
#v2-loader .bar{width:150px;height:3px;border-radius:3px;background:#14281f;overflow:hidden}
#v2-loader .bar i{display:block;height:100%;width:0;background:linear-gradient(100deg,#4ade80,#2dd4bf);animation:v2bar 1.1s cubic-bezier(.6,0,.2,1) forwards}
@keyframes v2pop{from{transform:scale(.4);opacity:0}}
@keyframes v2glow{to{filter:drop-shadow(0 0 22px rgba(74,222,128,.8))}}
@keyframes v2up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes v2bar{to{width:100%}}
.v2-trail{position:fixed;width:8px;height:8px;border-radius:50%;background:#4ade80;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);mix-blend-mode:screen}
@media (max-width:1000px),(pointer:coarse){.v2-trail{display:none}}
@media (prefers-reduced-motion:reduce){#v2-loader,.v2-trail{display:none}}
@media print{#v2-loader,#v2-progress,.v2-trail{display:none}}

/* ===== v2 page enhancer: hero scenes, headline reveals, glow, tilt ===== */
.v2-hero{position:relative;isolation:isolate;overflow:clip}
.v2-hero>.v2-scene{position:absolute;inset:0;z-index:-1;pointer-events:none}
.v2-hero>.v2-scene canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.v2-hero>.v2-scene::before{content:"";position:absolute;inset:0;background:
  radial-gradient(60% 70% at 70% 20%,rgba(45,212,191,.18),transparent 70%),
  radial-gradient(50% 60% at 15% 80%,rgba(74,222,128,.12),transparent 70%);animation:v2breathe 8s ease-in-out infinite}
.v2-hero>.v2-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,6,.15),rgba(3,8,6,.55) 70%,#030806);}
@keyframes v2breathe{50%{opacity:.6;transform:scale(1.06)}}
.v2-hero .v2-gridbg{position:absolute;inset:-60px;z-index:-1;pointer-events:none;opacity:.45;
  background-image:linear-gradient(rgba(120,200,160,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(120,200,160,.08) 1px,transparent 1px);background-size:56px 56px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 70%);mask-image:radial-gradient(ellipse at 50% 30%,#000,transparent 70%);animation:v2grid 7s linear infinite}
@keyframes v2grid{to{transform:translate(56px,56px)}}
/* headline word rise */
.v2-h1 .v2w{display:inline-block;opacity:0;transform:translateY(38px) rotateX(-40deg);filter:blur(8px);animation:v2wIn .9s cubic-bezier(.16,1,.3,1) forwards}
@keyframes v2wIn{to{opacity:1;transform:none;filter:none}}
.v2-split .v2wd{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.v2-split .v2wd>span{display:inline-block;transition:transform .9s cubic-bezier(.16,1,.3,1),opacity .9s;transition-delay:calc(var(--i)*45ms)}
.v2-split.v2-hide .v2wd>span{transform:translateY(105%) rotate(4deg);opacity:0}
/* rotating glow border on key panels */
@property --v2a{syntax:"<angle>";inherits:false;initial-value:0deg}
.v2-glow{position:relative;isolation:isolate}
.v2-glow::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.2px;z-index:2;pointer-events:none;
  background:conic-gradient(from var(--v2a),transparent 0deg,transparent 200deg,#4ade80 280deg,#2dd4bf 320deg,transparent 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:v2spin 5s linear infinite}
@keyframes v2spin{to{--v2a:360deg}}
.v2-float{animation:v2float 6s ease-in-out infinite}
@keyframes v2float{50%{translate:0 -10px}}
/* shine sweep on main buttons */
.v2-shine{position:relative;overflow:hidden}
.v2-shine::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);transform:translateX(-120%);animation:v2sh 3.5s ease-in-out infinite;pointer-events:none}
@keyframes v2sh{60%,100%{transform:translateX(120%)}}
/* tilt shine */
.v2-tilt{transform-style:preserve-3d}
.v2-tilt>.v2-tshine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--sx,50%) var(--sy,50%),rgba(255,255,255,.08),transparent 40%);opacity:0;transition:opacity .3s;z-index:3}
.v2-tilt:hover>.v2-tshine{opacity:1}
/* market marquee after hero */
.v2-marq{overflow:hidden;padding:22px 0;border-block:1px solid rgba(120,200,160,.1);background:rgba(8,18,14,.5);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.v2-marq div{display:inline-flex;gap:54px;white-space:nowrap;animation:v2mq 40s linear infinite;font:700 1.35rem "Bricolage Grotesque",system-ui,sans-serif;letter-spacing:-.02em;color:#3d5a4c}
.v2-marq span::before{content:"✦";margin-right:22px;color:#2f6b4c;font-size:.8em}
@keyframes v2mq{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.v2-h1 .v2w{opacity:1;transform:none;filter:none;animation:none}.v2-split.v2-hide .v2wd>span{transform:none;opacity:1}.v2-glow::before,.v2-shine::after,.v2-float,.v2-marq div,.v2-hero .v2-gridbg{animation:none}}
html[data-theme="light"] .v2-scene,html[data-theme="light"] .v2-gridbg,html[data-theme="light"] .v2-marq{display:none}

/* ===== mobile responsiveness fixes (all pages) ===== */
html,body{overflow-x:clip}
img,video,iframe,canvas,svg{max-width:100%}
pre,code{white-space:pre-wrap;word-break:break-word}
@media (max-width:1000px){
  .fx-lay{grid-template-columns:minmax(0,1fr) !important}
  .fx-lay>*,.fx-side,.fx-main,.fx-read,.pp-lay>*,.lg-lay>*,.ac>*,[class*="-grid"]>*,[class*="-lay"]>*{min-width:0}
  .pp-lay,.lg-lay{grid-template-columns:minmax(0,1fr) !important}
}
@media (max-width:768px){
  .lg-body table,.pp-body table,.art-content table,.ac table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  [class*="-chips"],.bx-chips,.cx-chips,.ip-tabs,.fq-chips{flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%}
  [class*="-chips"]::-webkit-scrollbar{display:none}
  [class*="-chips"]>*{flex:none}
  h1{overflow-wrap:anywhere}
  .v2-marq div{font-size:1.05rem;gap:36px}
  .v2-hero .v2-gridbg{inset:-30px}
}
/* courses roadmap: all 5 steps in one row on desktop */
@media (min-width:1001px){.cx-road{grid-template-columns:repeat(5,minmax(0,1fr)) !important}.cx-road::before{left:10% !important;right:10% !important}}
/* audit fixes */
@media (max-width:600px){
  .countdown{flex-wrap:nowrap !important;gap:8px !important}
  .cd-unit{min-width:0 !important;flex:1 1 0;padding:12px 4px !important}
  .cd-num{font-size:28px !important}
  .cd-label{font-size:9px !important;letter-spacing:1px !important}
  [class*="cx-"] .cx-n,[class*="cx-num"],.cx-c .cx-i+span{white-space:nowrap}
}
.cx-num{white-space:nowrap;flex:none}.cx-ch{flex-wrap:wrap}.cx-tags{flex-wrap:wrap}
@media (max-width:400px){.hero .badge{font-size:.72rem;gap:6px;padding:5px 10px 5px 5px}}

/* performance */
@media (max-width:1000px){html:not([data-theme="light"]) :is(.ac-card,.rv-card,.why-card,.cr-c,.bl-feat,.bl-row,.dm-c,.cm-main,.cm-row,.fq-item,.fq-help,.ab-card,.ab-pill,.stat,.lg-card,.lg-sec,.course-card,.module,.mod,.post-card,.blog-card,.ip-card,.pp-card,.sx-cta-card,.st-pushcard,.cert-card),html:not([data-theme="light"]) body>nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 html:not([data-theme="light"]) body{background-attachment:scroll!important}.v2-hero .v2-gridbg{animation:none}.v2-glow::before{animation-duration:9s}}
html:root,html:root body{overflow-y:visible!important;overflow-x:clip!important;height:auto!important}
