*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root {
  --bg:#060b14;--bg2:#0a1220;--bg3:#0f1a2e;--card:#0d1726;
  --border:rgba(255,255,255,.07);--border2:rgba(99,179,255,.18);
  --blue:#4f9eff;--blue2:#1a6fff;--cyan:#00d4ff;--green:#00e676;
  --orange:#ff6b35;--purple:#a855f7;
  --text:#e8eef8;--muted:#6b7fa3;
  --font:'Space Grotesk',sans-serif;--mono:'JetBrains Mono',monospace;
}
html{scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg);color:var(--text);overflow-x:hidden}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--blue2);border-radius:4px}

/* grid bg */
.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(rgba(79,158,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(79,158,255,.035) 1px,transparent 1px);
  background-size:40px 40px}
.grid-bg::after{content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(79,158,255,.13) 0%,transparent 60%)}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:999;display:flex;align-items:center;justify-content:space-between;
  padding:0 5%;height:66px;background:rgba(6,11,20,.88);backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border)}
.nav-in{display:flex;align-items:center;justify-content:space-between;width:100%}
.logo{font-family:var(--mono);font-weight:600;font-size:1.15rem;color:var(--text);text-decoration:none;
  display:flex;align-items:center;gap:9px}
.logo-icon{width:30px;height:30px;background:linear-gradient(135deg,var(--blue2),var(--cyan));
  border-radius:7px;display:flex;align-items:center;justify-content:center;
  font-size:.68rem;font-weight:700;color:#fff;flex-shrink:0}
.logo span{color:var(--cyan)}
.nav-links{display:flex;gap:26px;list-style:none}
.nav-links a{font-size:.87rem;color:var(--muted);text-decoration:none;font-weight:500;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--text)}
.nav-btns,.nav-actions{display:flex;gap:10px;align-items:center}
.mobile-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:8px}
.mobile-menu{display:none;position:absolute;top:66px;left:0;right:0;background:var(--bg2);
  border-bottom:1px solid var(--border);padding:20px 5%;flex-direction:column;gap:12px}
.mobile-menu.active{display:flex}
.mobile-menu a{color:var(--muted);text-decoration:none;font-size:.9rem;padding:10px 0;transition:color .2s}
.mobile-menu a:hover,.mobile-menu a.active{color:var(--text)}
.btn-ghost{padding:8px 18px;border-radius:6px;border:1px solid var(--border2);color:var(--blue);
  font-family:var(--font);font-size:.87rem;font-weight:500;text-decoration:none;cursor:pointer;
  background:transparent;transition:all .2s;display:inline-flex;align-items:center}
.btn-ghost:hover{background:rgba(79,158,255,.08);border-color:var(--blue)}
.btn-primary{padding:8px 20px;border-radius:6px;background:linear-gradient(135deg,var(--blue2),var(--cyan));
  color:#fff;font-family:var(--font);font-size:.87rem;font-weight:600;text-decoration:none;cursor:pointer;
  border:none;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;align-items:center;gap:6px}
.btn-primary:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 8px 30px rgba(26,111,255,.35)}

/* TICKER */
.ticker-wrap{background:var(--bg3);border-top:1px solid var(--border);border-bottom:1px solid var(--border);
  overflow:hidden;padding:11px 0;position:relative;z-index:1;margin-top:66px}
.ticker-wrap::before,.ticker-wrap::after{content:'';position:absolute;top:0;bottom:0;width:100px;z-index:2}
.ticker-wrap::before{left:0;background:linear-gradient(90deg,var(--bg3),transparent)}
.ticker-wrap::after{right:0;background:linear-gradient(-90deg,var(--bg3),transparent)}
.ticker-track{display:flex;width:max-content;animation:ticker 28s linear infinite}
.ticker-item{display:flex;align-items:center;gap:10px;padding:0 30px;font-family:var(--mono);font-size:.76rem;color:var(--muted);white-space:nowrap}
.ticker-item strong{color:var(--green);font-weight:600}
.ticker-sep{color:rgba(79,158,255,.3);margin-left:8px}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* HERO */
.hero{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:90px 5% 80px;text-align:center;overflow:hidden}
.hero-orb1{position:absolute;top:5%;left:10%;width:500px;height:500px;
  background:radial-gradient(circle,rgba(26,111,255,.17) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;animation:float 9s ease-in-out infinite}
.hero-orb2{position:absolute;bottom:0;right:8%;width:420px;height:420px;
  background:radial-gradient(circle,rgba(0,212,255,.11) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;animation:float 12s ease-in-out infinite reverse}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-28px)}}

.hero-badge{display:inline-flex;align-items:center;gap:8px;
  background:rgba(79,158,255,.09);border:1px solid rgba(79,158,255,.22);
  color:var(--blue);padding:5px 16px;border-radius:100px;
  font-family:var(--mono);font-size:.76rem;font-weight:600;letter-spacing:.05em;
  margin-bottom:26px;animation:fadeUp .6s ease both}
.badge-dot{width:7px;height:7px;background:var(--cyan);border-radius:50%;animation:pulse 2s infinite;flex-shrink:0}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.5)}}

h1{font-size:clamp(2.4rem,6vw,4.8rem);font-weight:700;line-height:1.08;
  letter-spacing:-.035em;margin-bottom:22px;animation:fadeUp .7s .1s ease both}
.h1-grad{background:linear-gradient(90deg,var(--blue),var(--cyan),var(--blue));
  background-size:200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
  animation:shimmer 3s linear infinite}
@keyframes shimmer{0%{background-position:0%}100%{background-position:200%}}

.hero-sub{font-size:1.08rem;color:var(--muted);max-width:540px;line-height:1.72;
  margin:0 auto 38px;animation:fadeUp .7s .18s ease both}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;animation:fadeUp .7s .28s ease both}
.btn-xl{padding:14px 30px;border-radius:8px;font-size:1rem;font-weight:600}
.btn-primary.btn-xl{box-shadow:0 0 50px rgba(26,111,255,.3)}

.hero-stats{display:flex;gap:44px;justify-content:center;margin-top:60px;
  animation:fadeUp .7s .38s ease both;flex-wrap:wrap}
.stat{text-align:center}
.stat-num{font-family:var(--mono);font-size:1.9rem;font-weight:600;color:var(--text);display:block;line-height:1}
.stat-num em{color:var(--cyan);font-style:normal}
.stat-label{font-size:.8rem;color:var(--muted);margin-top:5px}
.stat-div{width:1px;background:var(--border);align-self:stretch}

/* terminal */
.terminal{margin-top:0;width:100%;max-width:100%;background:var(--card);
  border:1px solid var(--border);border-radius:14px;overflow:hidden;
  box-shadow:0 40px 100px rgba(0,0,0,.55);animation:fadeUp .8s .48s ease both;text-align:left}
.t-bar{background:var(--bg3);padding:11px 16px;display:flex;align-items:center;gap:7px;
  border-bottom:1px solid var(--border)}
.t-dot{width:12px;height:12px;border-radius:50%}
.t-dot.r{background:#ff5f57}.t-dot.y{background:#febc2e}.t-dot.g{background:#28c840}
.t-title{font-family:var(--mono);font-size:.76rem;color:var(--muted);margin:0 auto}
.t-body{padding:18px 22px}
.t-line{font-family:var(--mono);font-size:.83rem;line-height:2.1}
.tp{color:var(--cyan)}.tc{color:var(--text)}.to{color:var(--green)}.tm{color:var(--muted)}
.ti{color:var(--blue)}.tpass{color:var(--green);font-weight:600}.tfail{color:#ff6b6b}
.cursor{display:inline-block;width:8px;height:15px;background:var(--cyan);
  vertical-align:middle;animation:blink 1s step-end infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

/* SECTION */
section{position:relative;z-index:1}
.si{max-width:1180px;margin:0 auto;padding:88px 5%}
.sl{font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.12em;
  color:var(--cyan);text-transform:uppercase;margin-bottom:13px}
.sh{font-size:clamp(1.75rem,3.5vw,2.7rem);font-weight:700;letter-spacing:-.025em;
  line-height:1.15;margin-bottom:14px}
.ss{font-size:1.03rem;color:var(--muted);line-height:1.72;max-width:520px}

/* EXAMS */
.exams-bg{background:var(--bg2)}
.exams-head{text-align:center;margin-bottom:50px}
.exams-head .ss{margin:0 auto}
.exams-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.ec-link{text-decoration:none;display:block}
.ec{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px;
  cursor:pointer;transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}
.ec::before{content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,var(--ec-glow,transparent) 0%,transparent 60%);
  opacity:0;transition:opacity .3s}
.ec:hover{border-color:var(--ec-accent,var(--blue));transform:translateY(-4px);
  box-shadow:0 20px 55px rgba(0,0,0,.4)}
.ec:hover::before{opacity:1}
.ec[data-c="orange"]{--ec-accent:var(--orange);--ec-glow:rgba(255,107,53,.07)}
.ec[data-c="blue"]{--ec-accent:var(--blue);--ec-glow:rgba(79,158,255,.07)}
.ec[data-c="cyan"]{--ec-accent:var(--cyan);--ec-glow:rgba(0,212,255,.07)}
.ec[data-c="purple"]{--ec-accent:var(--purple);--ec-glow:rgba(168,85,247,.07)}
.ec[data-c="green"]{--ec-accent:var(--green);--ec-glow:rgba(0,230,118,.07)}
.ec-logo{width:80px;height:80px;border-radius:12px;display:flex;align-items:center;
  justify-content:center;font-size:2.2rem;margin-bottom:18px;
  background:var(--bg3);border:1px solid var(--border);overflow:hidden}
.ec h3{font-size:1rem;font-weight:600;margin-bottom:6px;color:var(--text)}
.ec p{font-size:.81rem;color:var(--muted);line-height:1.55;margin-bottom:15px}
.ec-tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{font-family:var(--mono);font-size:.68rem;font-weight:600;padding:3px 9px;
  border-radius:4px;background:rgba(79,158,255,.1);color:var(--blue);
  border:1px solid rgba(79,158,255,.15)}
.tag.g{background:rgba(0,230,118,.1);color:var(--green);border-color:rgba(0,230,118,.15)}
.tag.o{background:rgba(255,107,53,.1);color:var(--orange);border-color:rgba(255,107,53,.15)}

/* FEATURES */
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.feat-list{display:flex;flex-direction:column;gap:18px}
.fi{display:flex;gap:16px;padding:20px;border-radius:12px;background:var(--card);
  border:1px solid var(--border);transition:border-color .2s}
.fi:hover{border-color:var(--border2)}
.fi-icon{width:42px;height:42px;flex-shrink:0;background:linear-gradient(135deg,rgba(26,111,255,.18),rgba(0,212,255,.09));
  border:1px solid var(--border2);border-radius:10px;display:flex;align-items:center;
  justify-content:center;font-size:1.15rem}
.fi h4{font-size:.93rem;font-weight:600;margin-bottom:4px}
.fi p{font-size:.81rem;color:var(--muted);line-height:1.58}

/* dashboard card */
.dash-card{background:var(--card);border:1px solid var(--border);border-radius:14px;
  padding:26px;position:sticky;top:86px}
.dash-label{font-family:var(--mono);font-size:.74rem;color:var(--muted);margin-bottom:18px}
.prog-item{margin-bottom:15px}
.prog-row{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:6px}
.prog-row span:first-child{color:var(--text);font-weight:500}
.prog-row span:last-child{font-family:var(--mono);color:var(--cyan);font-size:.76rem}
.prog-bar{height:6px;background:var(--bg3);border-radius:4px;overflow:hidden}
.prog-fill{height:100%;border-radius:4px;position:relative;overflow:hidden}
.prog-fill::after{content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  animation:sweep 2.2s ease-in-out infinite}
@keyframes sweep{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}
.pf-orange{background:linear-gradient(90deg,#e05a2b,var(--orange))}
.pf-blue{background:linear-gradient(90deg,var(--blue2),var(--blue))}
.pf-cyan{background:linear-gradient(90deg,#009abb,var(--cyan))}
.pf-purple{background:linear-gradient(90deg,#7c3aed,var(--purple))}
.pf-green{background:linear-gradient(90deg,#00a854,var(--green))}
.score-ring{border-top:1px solid var(--border);margin-top:22px;padding-top:22px;
  display:flex;flex-direction:column;align-items:center}
.ring-wrap{position:relative;width:108px;height:108px;margin-bottom:12px}
.ring-wrap svg{transform:rotate(-90deg)}
.ring-track{fill:none;stroke:var(--bg3);stroke-width:10}
.ring-fill{fill:none;stroke:url(#rg);stroke-width:10;stroke-linecap:round;
  stroke-dasharray:283;stroke-dashoffset:58}
.ring-label{position:absolute;inset:0;display:flex;flex-direction:column;
  align-items:center;justify-content:center}
.ring-pct{font-family:var(--mono);font-size:1.45rem;font-weight:700;color:var(--text)}
.ring-sub{font-size:.62rem;color:var(--muted)}
.score-note{font-size:.8rem;color:var(--muted);text-align:center;line-height:1.5}
.score-note strong{color:var(--green)}

/* HOW */
.how-bg{background:var(--bg2)}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:50px}
.hc{background:var(--card);border:1px solid var(--border);border-radius:12px;
  padding:26px 22px;transition:border-color .2s,transform .2s;position:relative}
.hc:hover{border-color:var(--border2);transform:translateY(-3px)}
.hc::after{content:'';position:absolute;top:38px;right:-9px;width:18px;height:2px;
  background:linear-gradient(90deg,var(--border2),transparent)}
.hc:last-child::after{display:none}
.hc-num{font-family:var(--mono);font-size:2.2rem;font-weight:700;
  color:rgba(79,158,255,.12);line-height:1;margin-bottom:14px}
.hc-icon{font-size:1.4rem;margin-bottom:12px}
.hc h3{font-size:.93rem;font-weight:600;margin-bottom:7px}
.hc p{font-size:.8rem;color:var(--muted);line-height:1.6}

/* TESTIMONIALS */
.tg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px}
.tc-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:24px}
.t-stars{color:#fbbf24;font-size:.82rem;letter-spacing:2px;margin-bottom:13px}
.t-quote{font-size:.86rem;color:var(--muted);line-height:1.72;margin-bottom:18px;font-style:italic}
.t-quote::before{content:'"';color:var(--blue);font-size:1.3rem;font-style:normal;
  line-height:0;vertical-align:-.3em;margin-right:3px}
.t-auth{display:flex;align-items:center;gap:11px}
.t-av{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:.82rem;font-weight:700;color:#fff;flex-shrink:0}
.t-auth h5{font-size:.86rem;font-weight:600}
.t-auth span{font-size:.73rem;color:var(--muted)}
.t-cert{font-family:var(--mono);font-size:.63rem;background:rgba(0,230,118,.1);
  color:var(--green);border:1px solid rgba(0,230,118,.2);padding:2px 8px;
  border-radius:4px;margin-top:3px;display:inline-block}

/* PRICING */
.price-bg{background:var(--bg2)}
.price-head{text-align:center;margin-bottom:50px}
.price-head .ss{margin:0 auto}
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.pc{background:var(--card);border:1px solid var(--border);border-radius:16px;
  padding:30px 26px;position:relative;transition:transform .2s}
.pc:hover{transform:translateY(-4px)}
.pc.feat{background:linear-gradient(135deg,rgba(26,111,255,.1),rgba(0,212,255,.05));
  border-color:rgba(79,158,255,.4);box-shadow:0 0 60px rgba(26,111,255,.14)}
.pc-badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);
  background:linear-gradient(90deg,var(--blue2),var(--cyan));color:#fff;
  font-family:var(--mono);font-size:.7rem;font-weight:700;
  padding:4px 16px;border-radius:100px;white-space:nowrap;letter-spacing:.05em}
.plan-n{font-family:var(--mono);font-size:.78rem;color:var(--muted);
  text-transform:uppercase;letter-spacing:.1em;margin-bottom:11px}
.plan-p{font-size:2.5rem;font-weight:700;letter-spacing:-.04em;line-height:1;margin-bottom:4px}
.plan-p sup{font-size:2.5rem;font-weight:700;color:var(--text);vertical-align:baseline;margin-right:4px}
.plan-per{font-size:.8rem;color:var(--muted);margin-bottom:22px}
.plan-div{height:1px;background:var(--border);margin-bottom:22px}
.plan-feat{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:26px}
.plan-feat li{font-size:.84rem;display:flex;gap:9px;align-items:flex-start}
.plan-feat li::before{content:'✓';color:var(--green);font-weight:700;flex-shrink:0;margin-top:1px}
.plan-feat li.no{color:var(--muted)}.plan-feat li.no::before{content:'✕';color:var(--muted)}
.btn-plan{width:100%;padding:12px;border-radius:8px;font-family:var(--font);
  font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;
  text-align:center;text-decoration:none;display:block}
.bp-out{background:transparent;border:1px solid var(--border2);color:var(--blue)}
.bp-out:hover{background:rgba(79,158,255,.08)}
.bp-fill{background:linear-gradient(135deg,var(--blue2),var(--cyan));border:none;color:#fff;
  box-shadow:0 8px 28px rgba(26,111,255,.28)}
.bp-fill:hover{box-shadow:0 12px 38px rgba(26,111,255,.42);transform:translateY(-1px)}

/* CTA */
.cta-wrap{padding:72px 5%;position:relative;z-index:1}
.cta-box{max-width:1180px;margin:0 auto;
  background:linear-gradient(135deg,rgba(26,111,255,.13),rgba(0,212,255,.07));
  border:1px solid rgba(79,158,255,22);border-radius:20px;padding:60px;
  text-align:center;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;top:-60%;left:-10%;width:550px;height:550px;
  background:radial-gradient(circle,rgba(26,111,255,.17) 0%,transparent 60%);
  border-radius:50%;pointer-events:none}
.cta-box h2{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;
  letter-spacing:-.03em;margin-bottom:14px}
.cta-box p{font-size:1.02rem;color:var(--muted);margin-bottom:32px}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* FOOTER */
footer{background:var(--bg2);border-top:1px solid var(--border);padding:56px 5% 30px}
.footer-in{max-width:1180px;margin:0 auto}
.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.footer-top > div h4{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;
  color:var(--muted);margin-bottom:15px}
.footer-desc{font-size:.82rem;color:var(--muted);line-height:1.72;max-width:270px;margin-top:13px}
.footer-links{display:flex;flex-direction:column;gap:9px}
.footer-links a{font-size:.84rem;color:var(--muted);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--text)}
.footer-bottom{padding-top:26px;border-top:1px solid var(--border);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.footer-bottom p{font-size:.8rem;color:var(--muted)}
.socials{display:flex;gap:10px}
.soc{width:33px;height:33px;border-radius:7px;background:var(--card);
  border:1px solid var(--border);display:flex;align-items:center;justify-content:center;
  font-size:.8rem;text-decoration:none;color:var(--muted);transition:border-color .2s,color .2s}
.soc:hover{border-color:var(--blue);color:var(--blue)}

/* RESPONSIVE */
@media(max-width:900px){
  .nav-links{display:none}
  .mobile-toggle{display:block}
  .feat-grid{grid-template-columns:1fr}
  .how-grid{grid-template-columns:1fr 1fr}
  .tg{grid-template-columns:1fr}
  .pg{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr 1fr}
  .hc::after{display:none}
  .exams-grid{grid-template-columns:1fr 1fr}
  .dash-card{position:static}
}
@media(max-width:600px){
  .hero-stats{gap:20px}
  .how-grid{grid-template-columns:1fr}
  .footer-top{grid-template-columns:1fr}
  .exams-grid{grid-template-columns:1fr}
  .cta-box{padding:36px 22px}
  .nav-actions .btn-ghost{display:none}
}

/* USER DROPDOWN */
.user-dropdown{position:relative}
.user-dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;
  background:var(--card);border:1px solid var(--border);border-radius:8px;
  padding:8px 0;display:none;box-shadow:0 8px 30px rgba(0,0,0,.3);z-index:1000}
.user-dropdown-menu.show{display:block}
.user-dropdown-menu a{display:block;padding:10px 18px;color:var(--text);
  text-decoration:none;font-size:.87rem;transition:background .2s}
.user-dropdown-menu a:hover{background:rgba(79,158,255,.08)}
.user-dropdown-menu form{margin:0;padding:0}
.user-dropdown-menu form a:hover{background:rgba(79,158,255,.08)}
.mobile-menu form{margin:0;padding:0}
.mobile-menu form a:hover{color:var(--text) !important}

/* THEME TOGGLE BUTTON */
#themeToggle{background:none;border:1px solid var(--border2);border-radius:6px;
  width:36px;height:36px;cursor:pointer;color:var(--muted);display:flex;
  align-items:center;justify-content:center;flex-shrink:0;
  transition:color .2s,border-color .2s,background .2s}
#themeToggle:hover{border-color:var(--blue);color:var(--blue);background:rgba(79,158,255,.07)}
.theme-icon-sun{display:none}

/* LIGHT MODE */
[data-theme="light"]{
  --bg:#f0f4fc;--bg2:#d8e2f5;--bg3:#c8d5ec;--card:#ffffff;
  --border:rgba(15,30,60,.13);--border2:rgba(26,111,255,.32);
  --text:#0d1e3a;--muted:#4a5c7a;
  --blue:#1a6fff;--blue2:#0f50cc;
  --cyan:#0086ab;--green:#007a40;--orange:#c44d10;--purple:#6d28d9;
}
/* Base */
[data-theme="light"] body{background:var(--bg);color:var(--text)}
[data-theme="light"] ::-webkit-scrollbar-track{background:var(--bg2)}

/* Nav */
[data-theme="light"] nav{background:rgba(238,242,251,.96) !important;border-bottom-color:rgba(15,30,60,.10)}
[data-theme="light"] .mobile-menu{background:var(--card);border-bottom-color:var(--border)}
[data-theme="light"] .mobile-toggle{color:var(--text)}

/* Grid — nearly invisible */
[data-theme="light"] .grid-bg{
  background-image:linear-gradient(rgba(26,111,255,.03) 1px,transparent 1px),
    linear-gradient(90deg,rgba(26,111,255,.03) 1px,transparent 1px)}
[data-theme="light"] .grid-bg::after{
  background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(26,111,255,.06) 0%,transparent 60%)}

/* Hero */
[data-theme="light"] .hero-orb1{background:radial-gradient(circle,rgba(26,111,255,.12) 0%,transparent 70%)}
[data-theme="light"] .hero-orb2{background:radial-gradient(circle,rgba(0,134,171,.09) 0%,transparent 70%)}
[data-theme="light"] .hero-badge{background:rgba(26,111,255,.08);border-color:rgba(26,111,255,.25);color:var(--blue)}

/* Ticker */
[data-theme="light"] .ticker-wrap::before{background:linear-gradient(90deg,var(--bg3),transparent)}
[data-theme="light"] .ticker-wrap::after{background:linear-gradient(-90deg,var(--bg3),transparent)}
[data-theme="light"] .ticker-sep{color:rgba(26,111,255,.25)}

/* ── CARDS — shadows make white cards pop off the light section bg ── */
[data-theme="light"] .ec{
  box-shadow:0 2px 12px rgba(15,30,60,.11),0 1px 3px rgba(15,30,60,.08);
  border-color:rgba(15,30,60,.10)}
[data-theme="light"] .ec:hover{
  box-shadow:0 8px 28px rgba(15,30,60,.16),0 2px 6px rgba(15,30,60,.10);
  border-color:rgba(26,111,255,.45)}
[data-theme="light"] .fi{
  box-shadow:0 2px 12px rgba(15,30,60,.11),0 1px 3px rgba(15,30,60,.08);
  border-color:rgba(15,30,60,.10)}
[data-theme="light"] .fi:hover{
  box-shadow:0 6px 20px rgba(15,30,60,.13);border-color:rgba(26,111,255,.38)}
[data-theme="light"] .hc{
  box-shadow:0 2px 12px rgba(15,30,60,.11),0 1px 3px rgba(15,30,60,.08);
  border-color:rgba(15,30,60,.10)}
[data-theme="light"] .hc:hover{
  box-shadow:0 6px 20px rgba(15,30,60,.13);border-color:rgba(26,111,255,.38)}
[data-theme="light"] .tc-card{
  box-shadow:0 2px 12px rgba(15,30,60,.11),0 1px 3px rgba(15,30,60,.08);
  border-color:rgba(15,30,60,.10)}
[data-theme="light"] .pc{
  box-shadow:0 2px 12px rgba(15,30,60,.11),0 1px 3px rgba(15,30,60,.08);
  border-color:rgba(15,30,60,.10)}
[data-theme="light"] .dash-card{
  box-shadow:0 2px 12px rgba(15,30,60,.11),0 1px 3px rgba(15,30,60,.08);
  border-color:rgba(15,30,60,.10)}
[data-theme="light"] .terminal{
  box-shadow:0 10px 40px rgba(15,30,60,.14),0 2px 8px rgba(15,30,60,.09);
  border-color:rgba(15,30,60,.10)}

/* How-to step number */
[data-theme="light"] .hc-num{color:rgba(26,111,255,.18)}
[data-theme="light"] .hc::after{background:linear-gradient(90deg,rgba(26,111,255,.25),transparent)}

/* Progress bar */
[data-theme="light"] .prog-bar{background:var(--bg3)}

/* Featured pricing */
[data-theme="light"] .pc.feat{
  background:linear-gradient(135deg,rgba(26,111,255,.07),rgba(0,134,171,.03));
  box-shadow:0 4px 24px rgba(26,111,255,.14),0 0 0 1px rgba(26,111,255,.3);
  border-color:rgba(26,111,255,.4)}

/* CTA */
[data-theme="light"] .cta-box{
  background:linear-gradient(135deg,rgba(26,111,255,.08),rgba(0,134,171,.04));
  border-color:rgba(26,111,255,.20)}
[data-theme="light"] .cta-box::before{background:radial-gradient(circle,rgba(26,111,255,.08) 0%,transparent 60%)}

/* Footer */
[data-theme="light"] footer{background:var(--bg2);border-top-color:var(--border)}

/* Dropdown */
[data-theme="light"] .user-dropdown-menu{
  box-shadow:0 8px 24px rgba(15,30,60,.12);border-color:var(--border)}
[data-theme="light"] .user-dropdown-menu a:hover{background:rgba(26,111,255,.06)}

/* Social & tags */
[data-theme="light"] .soc{background:var(--bg);border-color:var(--border)}
[data-theme="light"] .tag{background:rgba(26,111,255,.09);border-color:rgba(26,111,255,.20)}
[data-theme="light"] .tag.g{background:rgba(0,122,64,.09);border-color:rgba(0,122,64,.20)}
[data-theme="light"] .tag.o{background:rgba(196,77,16,.09);border-color:rgba(196,77,16,.20)}

/* Feature icon */
[data-theme="light"] .fi-icon{
  background:linear-gradient(135deg,rgba(26,111,255,.13),rgba(0,134,171,.07));
  border-color:rgba(26,111,255,.25)}

/* Buttons */
[data-theme="light"] .btn-ghost{background:transparent;border-color:rgba(26,111,255,.38);color:var(--blue)}
[data-theme="light"] .btn-ghost:hover{background:rgba(26,111,255,.07);border-color:var(--blue)}
[data-theme="light"] .bp-out{border-color:rgba(26,111,255,.38);color:var(--blue)}
[data-theme="light"] .bp-out:hover{background:rgba(26,111,255,.07)}

/* Form inputs */
[data-theme="light"] input,[data-theme="light"] textarea,[data-theme="light"] select{color-scheme:light}

/* Theme icons */
[data-theme="light"] .theme-icon-moon{display:none}
[data-theme="light"] .theme-icon-sun{display:block !important}