:root{
  --bg:#0B1220; --surface:rgba(255,255,255,.08); --glass-bd:rgba(255,255,255,.16);
  --text:#EBF1FF; --muted:#A0AEC0; --pri:#6A4CFF; --pri-2:#35E7FF; --acc:#FFCA55;
  --radius:22px; --shadow:0 10px 30px rgba(0,0,0,.35)
}
@media (prefers-color-scheme: light){
  :root{ --bg:#f6f7fb; --surface:rgba(255,255,255,.7); --glass-bd:rgba(10,10,30,.08);
         --text:#0B1220; --muted:#55607a; --shadow:0 10px 30px rgba(10,10,30,.08) }
  body{ background:linear-gradient(180deg,#fafbff, #eef2ff); }
}
html,body{
  background:radial-gradient(1200px 800px at 80% -10%,rgba(106,76,255,.25),transparent),
             radial-gradient(900px 600px at -10% 10%,rgba(53,231,255,.20),transparent),
             var(--bg);
  color:var(--text); font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial
}
.container{width:min(1200px,92vw);margin-inline:auto}
.section{padding:72px 0}.section-sm{padding:48px 0}
.glass{background:var(--surface);border:1px solid var(--glass-bd);backdrop-filter:saturate(140%) blur(14px);
  -webkit-backdrop-filter:saturate(140%) blur(14px);border-radius:var(--radius);box-shadow:var(--shadow)}
header .nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--pri),var(--pri-2));
  box-shadow:0 6px 18px rgba(106,76,255,.45)}
.site-title{font-family:Poppins,Inter,sans-serif;font-size:18px;margin:0;letter-spacing:.2px}
.nav-cta{display:flex;gap:10px}
.btn{border-radius:14px;padding:12px 18px;border:1px solid transparent;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:.25s;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,var(--pri),#8E77FF);color:#fff;box-shadow:0 10px 24px rgba(106,76,255,.35)}
.btn-outline{background:transparent;border-color:var(--glass-bd)}
.btn-outline:hover{background:rgba(255,255,255,.06)}
.urgency{position:sticky;top:0;z-index:40;backdrop-filter:blur(10px) saturate(140%);background:color-mix(in srgb, var(--bg) 70%, transparent);border-bottom:1px solid var(--glass-bd)}
.urgency-inner{display:flex;gap:14px;align-items:center;justify-content:center;padding:10px 14px;font-weight:600}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--glass-bd);border-radius:999px;background:color-mix(in srgb, var(--surface) 90%, transparent)}
.price{color:inherit}.strikethrough{opacity:.6;text-decoration:line-through}.timer{font-variant-numeric:tabular-nums}
.hero{padding:60px 0 32px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}
.eyebrow{color:var(--pri-2);font-weight:700;letter-spacing:.6px;text-transform:uppercase;font-size:13px}
.h1{font-family:Poppins,Inter,sans-serif;font-size:clamp(30px,4.6vw,56px);line-height:1.05;margin:10px 0}
.sub{color:color-mix(in srgb, var(--text) 80%, transparent);font-size:clamp(15px,1.6vw,18px)}
.trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.trust .pill{opacity:.9}
.hero-card{position:relative;padding:22px;overflow:hidden}
.orb{position:absolute;filter:blur(26px);opacity:.55}.orb.one{width:240px;height:240px;background:radial-gradient(circle at 30% 30%,var(--pri),transparent 70%);right:-40px;top:-40px}.orb.two{width:240px;height:240px;background:radial-gradient(circle at 70% 70%,var(--pri-2),transparent 60%);left:-40px;bottom:-40px}
.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.card{padding:22px}.card h3{margin:0 0 10px;font-size:18px}
.list{margin:0;padding-left:18px;color:color-mix(in srgb, var(--text) 88%, transparent)}.list li{margin:6px 0}
.week{display:flex;gap:12px;align-items:flex-start}.week i{width:32px;height:32px;border-radius:10px;display:inline-grid;place-items:center;background:linear-gradient(135deg,rgba(106,76,255,.35),rgba(53,231,255,.2));border:1px solid var(--glass-bd)}
.value{color:var(--acc);font-weight:700}
.pricing{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.price-tag{font-size:36px;font-weight:800}.muted{color:var(--muted)}
.trainer{display:flex;gap:18px;align-items:center}.avatar{width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg,var(--pri),var(--pri-2));border:2px solid color-mix(in srgb, #fff 35%, transparent)}
details{border:1px solid var(--glass-bd);border-radius:16px;padding:14px 16px;background:color-mix(in srgb, var(--surface) 90%, transparent)}details+details{margin-top:10px}summary{cursor:pointer;font-weight:600}summary::-webkit-details-marker{display:none}
footer{border-top:1px solid var(--glass-bd);padding:28px 0 60px;color:color-mix(in srgb, var(--text) 80%, transparent)}
.float-cta{position:fixed;right:18px;bottom:18px;z-index:50;display:flex;flex-direction:column;gap:10px}.fab{width:56px;height:56px;border-radius:16px;border:1px solid var(--glass-bd);background:linear-gradient(135deg,rgba(106,76,255,.35),rgba(53,231,255,.2));display:grid;place-items:center}
.sh{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.sh h2{font-family:Poppins,Inter,sans-serif;margin:0;font-size:clamp(22px,2.8vw,32px)}.sh p{margin:0;color:color-mix(in srgb, var(--text) 75%, transparent)}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.5);z-index:60}.modal.open{display:flex}.modal-card{width:min(900px,92vw);max-height:80vh;overflow:auto}
@media (max-width:960px){.hero-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.pricing{grid-template-columns:1fr}.urgency-inner{flex-wrap:wrap}.float-cta{right:12px;bottom:12px}}
@media (max-width:640px){.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Hero image styling */
.hero-visual{width:100%;height:auto;border-radius:18px;border:1px solid var(--glass-bd);
  box-shadow:var(--shadow);margin-bottom:12px;opacity:.98}