:root{--ink:#1f2a33;--muted:#5d6b75;--teal:#1f7a78;--teal2:#2a9d8f;--glass:rgba(255,255,255,.55);--edge:rgba(255,255,255,.85)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{position:relative;min-height:100vh;margin:0;font:16px/1.6 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:#f6f5f1}
.bg{position:absolute;top:0;left:0;right:0;min-height:100%;height:100%;z-index:-1;background:
radial-gradient(40vw 40vw at 10% 10%,#e3f1ef 0,transparent 60%),radial-gradient(45vw 45vw at 90% 20%,#f3eaf3 0,transparent 60%),
radial-gradient(50vw 50vw at 50% 100%,#e9eef8 0,transparent 60%),linear-gradient(180deg,#fbfaf7,#f2f1ec)}
a{color:var(--teal)}h1,h2,h3{line-height:1.2;letter-spacing:-.01em}h1{font-size:clamp(2rem,4.5vw,3.2rem);margin:.3em 0}h2{font-size:1.9rem}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.45) 50%,rgba(247,244,252,.55));
backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid var(--edge);border-radius:22px;
box-shadow:0 10px 30px rgba(31,42,51,.08),inset 0 1px 0 rgba(255,255,255,.9)}
.pad{padding:28px}.center{text-align:center}.muted{color:var(--muted)}
.nav{position:sticky;top:12px;z-index:9;margin:12px auto;max-width:1160px;display:flex;justify-content:space-between;align-items:center;padding:10px 18px;flex-wrap:wrap;gap:8px}
.brand{display:flex;gap:10px;align-items:center;font-weight:700;color:var(--ink);text-decoration:none}.brand img{width:34px;height:34px;border-radius:50%}
.nav nav a{margin-left:18px;color:var(--ink);text-decoration:none;font-weight:500}.nav nav a:hover{color:var(--teal)}
main{max-width:1160px;margin:auto;padding:0 18px}section{margin:56px 0}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center;margin-top:30px}.hero.small{grid-template-columns:1fr}
.heroCard{padding:44px}.lead{font-size:1.15rem;color:var(--muted)}.video{padding:16px}.video small{display:block;text-align:center;color:var(--muted);margin-top:8px}
.kicker{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);font-weight:600}
.btn{display:inline-block;border:0;cursor:pointer;background:linear-gradient(135deg,var(--teal),var(--teal2));color:#fff;padding:12px 22px;border-radius:999px;font-weight:600;text-decoration:none;font-size:1rem;box-shadow:0 6px 16px rgba(31,122,120,.25)}
.btn.ghost{background:rgba(255,255,255,.7);color:var(--teal);box-shadow:inset 0 0 0 1px rgba(31,122,120,.3)}.btn:disabled{opacity:.55;cursor:not-allowed}.wide{width:100%}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.card{overflow:hidden;display:flex;flex-direction:column}.card img{width:100%;aspect-ratio:750/422;object-fit:cover;display:block}.card .pad{padding:20px;display:flex;flex-direction:column;flex:1}
.card h3{margin:.3em 0;font-size:1.15rem}.card h3 a{color:var(--ink);text-decoration:none}.card p{color:var(--muted);flex:1;margin:.2em 0 1em}
.row{display:flex;justify-content:space-between;align-items:center}.price{font-size:1.3rem}.price.big{font-size:2rem;display:block;margin:12px 0}
.bundle{margin-top:26px;padding:26px}.tag{font-size:.7rem;background:#fff3cd;color:#7a5b00;border-radius:999px;padding:3px 9px;vertical-align:middle}
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}.ticks{list-style:none;padding:0}.ticks li{padding:6px 0 6px 28px;position:relative}
.ticks li:before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:700}
details{padding:16px 22px;margin:10px 0}summary{font-weight:600;cursor:pointer}
.yt{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#dfe9e8,#ece6f0);background-size:cover;background-position:center;margin:18px 0}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.yt em{position:absolute;bottom:12px;width:100%;text-align:center;color:var(--muted)}
.ytplay{position:absolute;inset:0;margin:auto;width:76px;height:54px;border:0;border-radius:16px;background:rgba(255,255,255,.8);backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.ytplay span{display:block;margin:auto;width:0;height:0;border-left:20px solid var(--teal);border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:30px}
.detail{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start;margin-top:30px}.buybox{position:sticky;top:90px}.buybox img{width:100%;border-radius:14px}
.lessons{padding-left:20px}.lessons li{padding:10px 0;border-bottom:1px solid rgba(31,42,51,.08)}.lessons li span{margin-right:10px}.lessons small{float:right;color:var(--muted)}
footer{max-width:1160px;margin:40px auto;padding:0 18px;color:var(--muted);font-size:.9rem;text-align:center}
@media(max-width:860px){.hero,.split,.detail{grid-template-columns:1fr}.heroCard{padding:28px}.nav nav a{margin:0 8px}.buybox{position:static}}