:root{--ink:#171512;--paper:#f6f0e7;--accent:#ff6a3d;--violet:#5c7cfa;--lime:#d7ff72;--muted:#716b63;--card:#fffaf2;--line:#ddd3c4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
button,input,select{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,92vw);margin:auto}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 4vw;background:rgba(246,240,231,.88);backdrop-filter:blur(16px);border-bottom:1px solid #00000010}
.brand{font-weight:950;letter-spacing:-.04em;display:flex;align-items:center;gap:9px}.mark{width:38px;height:38px;background:var(--ink);color:white;border-radius:12px;display:grid;place-items:center;transform:rotate(-6deg)}
.btn{border:0;border-radius:14px;padding:13px 18px;font-weight:900;background:var(--ink);color:white}.btn.hot{background:var(--accent);color:#24120c}.btn.soft{background:white;color:var(--ink);border:1px solid var(--line)}
.hero{min-height:72vh;padding:70px 0 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center}
.hero h1{font-size:clamp(55px,8vw,105px);line-height:.87;letter-spacing:-.07em;margin:15px 0}.hero p{font-size:20px;line-height:1.55;color:#514c46;max-width:720px}
.pill{display:inline-block;border:1px solid var(--ink);padding:8px 12px;border-radius:999px;font-weight:850;font-size:13px}
.phone{background:#151412;border-radius:42px;padding:12px;max-width:360px;margin:auto;transform:rotate(3deg);box-shadow:0 30px 70px #0003}.screen{background:#f8f2e9;border-radius:32px;padding:20px;min-height:550px}
.card{background:white;border:1px solid var(--line);border-radius:24px;padding:22px}.dark{background:var(--ink);color:white}.progress{height:10px;background:#444;border-radius:99px;overflow:hidden}.progress span{display:block;width:68%;height:100%;background:var(--lime)}
.section{padding:75px 0}.title{font-size:clamp(38px,5vw,68px);letter-spacing:-.055em;line-height:.98;margin:8px 0 30px}.kicker{font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:950;color:var(--accent)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module,.spare,.stat{background:white;border:1px solid var(--line);border-radius:24px;padding:22px;transition:.25s}.module:hover,.spare:hover{transform:translateY(-4px);box-shadow:0 18px 40px #00000012}
.module .num{font-size:44px;font-weight:950;opacity:.18}.module h3,.spare h3{font-size:24px;margin:8px 0}.muted{color:var(--muted);line-height:1.55}
.app{display:none;padding:32px 0 100px}.app.active{display:block}.landing.hidden{display:none}
.dash-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.stat b{font-size:30px;display:block}
.tabs{position:fixed;z-index:30;bottom:14px;left:50%;transform:translateX(-50%);display:none;background:#171512;color:white;padding:7px;border-radius:22px;box-shadow:0 18px 50px #0005;gap:4px}.tabs.active{display:flex}.tabs button{border:0;background:transparent;color:#bbb;padding:12px 15px;border-radius:15px;font-weight:800}.tabs button.on{background:white;color:#171512}
.panel{display:none}.panel.on{display:block}.lesson-list{display:grid;gap:12px}.lesson{display:flex;gap:16px;align-items:center;background:white;border:1px solid var(--line);border-radius:20px;padding:16px}.thumb{width:95px;height:70px;border-radius:14px;background:linear-gradient(135deg,var(--violet),var(--accent));display:grid;place-items:center;color:white;font-size:28px;flex:0 0 auto}
.catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.spare .photo{height:140px;border-radius:18px;background:linear-gradient(135deg,#ece2d3,#fff);display:grid;place-items:center;font-size:55px}.prices{display:flex;justify-content:space-between;align-items:end}.mrp{text-decoration:line-through;color:#8d877e}.member{font-size:25px;font-weight:950}
.refbox{background:var(--lime);border-radius:30px;padding:30px}.code{font-size:40px;font-weight:950;letter-spacing:.08em}
.modal{position:fixed;inset:0;background:#0008;display:none;place-items:center;z-index:100;padding:18px}.modal.on{display:grid}.dialog{width:min(520px,100%);background:var(--paper);border-radius:28px;padding:28px}.form{display:grid;gap:12px}.form input{width:100%;padding:14px;border-radius:13px;border:1px solid var(--line);background:white}
.cert{border:8px double var(--ink);padding:35px;background:white;text-align:center;border-radius:12px}.cert h2{font-size:40px;margin:10px}.notice{background:#fff1cb;border:1px solid #eed89c;border-radius:15px;padding:13px 15px;color:#5c4a18}
@media(max-width:850px){.hero{grid-template-columns:1fr}.grid,.catalogue{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.phone{max-width:320px}.hero h1{font-size:62px}}
@media(max-width:560px){.grid,.catalogue{grid-template-columns:1fr}.hero{padding-top:45px}.hero h1{font-size:54px}.hero p{font-size:17px}.stats{grid-template-columns:1fr 1fr}.tabs{width:calc(100% - 18px);justify-content:space-around}.tabs button{padding:10px 9px;font-size:12px}.code{font-size:28px}.top .top-actions .soft{display:none}}
@media print{body *{visibility:hidden}.cert,.cert *{visibility:visible}.cert{position:absolute;left:0;top:0;width:100%;border-color:#000}}