:root{--green:#74b978;--deep:#2f7d52;--pink:#ff9fb2;--yellow:#fff1bd;--cream:#fff8e8;--ink:#374151;--card:#ffffff;--blue:#7fc7ff;--purple:#b59cff;--orange:#ffbf69}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fff7df,#e7f7e8);color:var(--ink)}button,input,select{font:inherit}.shell{max-width:1100px;margin:0 auto;padding:18px}.hero{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:stretch}.panel{background:rgba(255,255,255,.88);border:3px solid rgba(47,125,82,.12);border-radius:28px;padding:20px;box-shadow:0 10px 30px rgba(62,88,71,.12)}.title{font-size:clamp(30px,6vw,56px);line-height:1;margin:0 0 8px;color:var(--deep)}.subtitle{font-size:19px;margin:0 0 14px}.garden{min-height:250px;position:relative;overflow:hidden;background:linear-gradient(#b9e9ff 0 55%,#9bd37d 55%);border-radius:28px}.sun{position:absolute;right:28px;top:24px;width:72px;height:72px;border-radius:50%;background:#ffd76a}.soil{position:absolute;bottom:0;width:100%;height:70px;background:#8b5d3b}.item{position:absolute;font-size:44px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.15))}.path{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.tab,.primary{border:0;border-radius:999px;padding:12px 18px;background:#fff;color:var(--deep);font-weight:800;box-shadow:0 3px 0 rgba(47,125,82,.2);cursor:pointer}.tab.active,.primary{background:var(--deep);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border-radius:24px;padding:18px;border:2px solid #edf3e9;box-shadow:0 8px 20px rgba(0,0,0,.06)}.big{font-size:28px;font-weight:900;color:var(--deep)}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 12px;background:#eef8ef;margin:4px 4px 4px 0;font-weight:700}.lesson-card{cursor:pointer;transition:.15s transform}.lesson-card:hover{transform:translateY(-3px)}.question{font-size:24px;font-weight:850;margin:14px 0}.answers{display:grid;gap:10px}.answer{padding:14px;border-radius:18px;border:2px solid #e7ece5;background:#fff;text-align:left;cursor:pointer}.answer.correct{background:#daf5dd;border-color:#74b978}.answer.wrong{background:#ffe1e1;border-color:#ff9b9b}.progress{height:15px;background:#e8eee4;border-radius:999px;overflow:hidden}.bar{height:100%;background:linear-gradient(90deg,var(--green),var(--orange));width:0}.stars{font-size:24px}.avatar{font-size:92px;text-align:center}.badge{display:inline-grid;place-items:center;width:82px;height:82px;border-radius:24px;background:#fff4cd;margin:7px;border:2px solid #ffe39a;font-size:34px}.locked{filter:grayscale(1);opacity:.35}.reader{font-size:22px;line-height:1.7;background:#fffdf6;border-radius:20px;padding:18px}.timer{font-size:52px;font-weight:950;color:var(--deep)}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.stat{background:#f8fbff;border-radius:18px;padding:14px}.small{font-size:13px;color:#667085}.footer{margin-top:20px;text-align:center;color:#6b7280}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden}.confetti span{position:absolute;top:-20px;animation:fall 1.4s linear forwards;font-size:24px}@keyframes fall{to{transform:translateY(105vh) rotate(360deg);opacity:.2}}@media(max-width:820px){.hero,.grid{grid-template-columns:1fr}.shell{padding:10px}.panel{padding:14px}.title{font-size:36px}}