@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--navy:#073b83;--blue:#1263ce;--yellow:#ffca28;--orange:#ff7b24;--ink:#172744;--muted:#6e7b91;--line:#e8edf6;--bg:#f8fbff;--purple:#6749df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Nunito,system-ui,sans-serif}button,a,select{font:inherit}button{cursor:pointer}.topbar{height:76px;padding:0 max(5vw,18px);background:#fff;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--navy)}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(145deg,#ffdb42,#ff9d22);font-size:27px;color:var(--navy);box-shadow:0 5px 12px #f2b32642}.brand b,.brand small{display:block}.brand b{font-weight:1000;font-size:16px}.brand small{font-size:9px;letter-spacing:1px;font-weight:900;color:#64738c}.tools{display:flex;gap:9px;align-items:center}.lang{border:1px solid var(--line);border-radius:12px;padding:9px;font-size:13px}.lang select{border:0;background:transparent;outline:0;font-weight:900;color:var(--ink);max-width:100px}.parent-btn{border:0;border-radius:12px;background:#eaf2ff;color:var(--navy);font-weight:900;padding:11px 13px}.hero{max-width:1200px;margin:24px auto 0;border-radius:30px;min-height:360px;padding:42px 48px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;overflow:hidden;background:linear-gradient(112deg,#fff6d7 0%,#fff0e3 43%,#eaf7ff 100%);position:relative}.hero-copy{z-index:1}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:1000;color:var(--blue)}h1{font-size:clamp(39px,4.6vw,57px);letter-spacing:-1.8px;line-height:1.02;margin:13px 0;font-weight:1000;color:var(--navy)}h1 span{color:#f0781e}.hero-copy>p{max-width:430px;color:#66758b;font-size:15px;line-height:1.7}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:13px;padding:13px 18px;font-weight:1000;text-decoration:none}.primary{background:var(--navy);color:white;box-shadow:0 8px 18px #073b832b}.light{background:white;color:var(--navy);border:1px solid #e4eaf5}.hero-points{display:flex;gap:17px;flex-wrap:wrap;margin-top:25px;font-size:11px;font-weight:900;color:#596a82}.hero-art{height:270px;position:relative;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#ffda38 0 42%,#ffb82c 43% 49%,#fff 50% 52%,#1676d5 53% 56%,transparent 57%)}.mascot{font-size:126px;filter:drop-shadow(0 10px 5px #253e5b20);z-index:1;animation:bob 3s ease-in-out infinite}.sun{position:absolute;right:8%;top:4px;font-size:43px}.cloud{position:absolute;background:white;width:75px;height:28px;border-radius:30px;opacity:.85}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:white}.cloud:before{width:35px;height:35px;left:12px;top:-16px}.cloud:after{width:28px;height:28px;right:12px;top:-10px}.c1{left:0;top:50px}.c2{right:0;bottom:45px}.book{position:absolute;font-size:35px}.book1{left:6%;bottom:32px}.book2{right:7%;bottom:40px}.bubble{position:absolute;bottom:3px;background:white;border-radius:20px;padding:9px 15px;font-size:12px;font-weight:1000;color:var(--navy);box-shadow:0 6px 20px #23466a1b;transform:rotate(-3deg)}@keyframes bob{50%{transform:translateY(-8px)}}.welcome-strip{max-width:1200px;margin:17px auto 0;padding:15px 20px;display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:0 6px 20px #223e6508}.welcome-strip>span{font-size:30px}.welcome-strip div:nth-child(2){flex:1}.welcome-strip b,.welcome-strip small{display:block}.welcome-strip div:nth-child(2)>b{font-size:14px}.welcome-strip small{color:var(--muted);font-size:11px;margin-top:3px}.score-pill{background:#fff6d9;border-radius:20px;padding:9px 13px;color:#9c6900;font-size:12px}.section{max-width:1200px;margin:48px auto 0}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-heading h2,.side-panel h2{font-size:25px;letter-spacing:-.5px;margin:5px 0}.section-heading p,.side-panel>p{color:var(--muted);font-size:12px;margin:5px 0 0}.big-emoji{font-size:34px}.levels{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.level{background:#fff;border:1px solid var(--line);border-radius:19px;text-align:left;padding:16px;min-height:145px;color:var(--ink);position:relative;overflow:hidden;transition:.2s;box-shadow:0 6px 18px #243d6508}.level:hover,.level:focus-visible{transform:translateY(-4px);outline:2px solid #9dbfff;box-shadow:0 12px 24px #243d6515}.level:after{content:"";position:absolute;width:85px;height:85px;border-radius:50%;right:-28px;bottom:-35px;background:var(--tint)}.level .lev-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--tint);font-size:25px;margin-bottom:10px}.level b,.level small{display:block;position:relative;z-index:1}.level b{font-size:14px;font-weight:1000}.level small{font-size:10px;color:var(--muted);margin-top:4px}.workspace{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:40px}.lesson-column,.side-panel{background:white;border:1px solid var(--line);border-radius:22px;padding:23px;box-shadow:0 7px 24px #243d6508}.compact{margin-bottom:17px}.compact h2{font-size:22px}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.empty{grid-column:1/-1;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #cbd9ee;border-radius:16px;background:#fbfdff;text-align:center;padding:15px}.empty span{font-size:32px}.empty b{font-size:13px;margin:7px}.empty small{font-size:11px;color:var(--muted)}.lesson-card{border:1px solid var(--line);border-radius:15px;padding:14px;background:#fff;text-align:left;color:var(--ink);transition:.2s}.lesson-card:hover{border-color:#91b9f7;transform:translateY(-2px)}.lesson-card .ico{font-size:25px;display:block;margin-bottom:8px}.lesson-card b,.lesson-card small{display:block}.lesson-card b{font-size:13px}.lesson-card small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.4}.side-panel h2{font-size:21px}.metric{display:flex;align-items:center;gap:10px;margin:20px 0}.metric>span{font-size:24px}.metric>div{flex:1}.metric b{font-size:12px}.metric strong{font-size:13px}.bar{height:7px;background:#edf2fa;border-radius:8px;overflow:hidden;margin-top:7px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#1685ed,#ffc52f);transition:width .25s}.daily-tip{display:flex;gap:10px;background:#fff8dc;border-radius:14px;padding:12px;margin-top:20px}.daily-tip>span{font-size:23px}.daily-tip b{font-size:12px}.daily-tip p{font-size:11px;color:#776949;line-height:1.5;margin:3px 0}.text-btn{border:0;background:transparent;color:var(--blue);font-size:11px;font-weight:1000;padding:13px 0 0}.player{margin-top:14px;border-radius:17px;border:1px solid #dce8fa;background:linear-gradient(140deg,#f8fbff,#fff8df);padding:20px;text-align:center}.player h3{font-size:22px;margin:5px}.player .big-letter{font-size:65px;font-weight:1000;color:var(--blue);line-height:1.2}.player p{font-size:13px;color:#586981;line-height:1.6}.say-btn{border:0;border-radius:12px;background:#e6f1ff;color:var(--navy);font-weight:900;padding:10px 13px;margin:4px}.quiz-options{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:15px 0}.quiz-options button{min-width:65px;border:2px solid #d8e6fb;background:#fff;border-radius:12px;padding:11px 15px;font-size:17px;font-weight:1000;color:var(--navy)}.quiz-options button:hover{border-color:var(--blue)}.feedback{font-weight:1000;min-height:24px;color:#16804b}.game-banner{display:flex;align-items:center;justify-content:space-between;padding:27px 32px;border-radius:23px;background:linear-gradient(110deg,#e4f8ee,#e9f2ff)}.game-banner h2{font-size:25px;margin:7px 0}.game-banner p{font-size:12px;color:var(--muted)}.game-doodles{font-size:70px;position:relative;margin-right:55px}.game-doodles span{position:absolute;font-size:25px}.game-doodles span:nth-child(1){top:-15px;right:-30px}.game-doodles span:nth-child(2){bottom:-5px;left:-25px}.game-doodles span:nth-child(3){right:-40px;bottom:15px}.parent-note{max-width:1200px;margin:27px auto 45px;display:flex;gap:12px;align-items:center;padding:15px 18px;background:white;border:1px solid var(--line);border-radius:15px;color:var(--muted);font-size:11px;line-height:1.6}.parent-note>span{font-size:25px}.parent-note p{margin:0}.parent-note b{color:var(--ink)}footer{text-align:center;background:#062f6b;color:#dce9ff;padding:27px 12px 30px}footer b{font-size:16px;color:#ffcf35}footer p{font-size:12px;margin:5px 0 10px}footer small{font-size:10px}dialog{border:0;border-radius:22px;width:min(420px,calc(100% - 28px));padding:0;box-shadow:0 24px 80px #12284755}dialog::backdrop{background:#071d3dbb;backdrop-filter:blur(4px)}.dialog-card{padding:27px;text-align:center;position:relative}.close{position:absolute;right:12px;top:10px;border:0;border-radius:50%;width:30px;height:30px;font-size:22px;background:#edf4ff;color:var(--navy)}.dialog-emoji{font-size:43px}.dialog-card h2{margin:5px}.dialog-card p{font-size:12px;color:var(--muted);line-height:1.6}.parent-stats{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;background:#f2f7ff;padding:13px;border-radius:12px;margin:17px 0}.dialog-card .btn{width:100%}.toast{position:fixed;z-index:10;bottom:20px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#122c54;color:white;padding:12px 18px;border-radius:12px;font-size:12px;font-weight:900;max-width:90vw;text-align:center;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1240px){.hero,.section,.welcome-strip,.parent-note{margin-left:22px;margin-right:22px}}@media(max-width:850px){.hero{grid-template-columns:1fr .75fr;padding:30px}.hero-art{transform:scale(.85)}.levels{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:1fr}}@media(max-width:580px){.topbar{height:68px;padding:0 10px}.brand-mark{width:36px;height:36px}.brand b{font-size:12px}.brand small{font-size:7px;letter-spacing:.6px}.tools{gap:5px}.lang{padding:7px 4px;font-size:11px}.lang select{font-size:10px;max-width:68px}.parent-btn{padding:9px 7px;font-size:9px}.hero{margin:12px 9px 0;padding:25px 20px 18px;grid-template-columns:1fr;border-radius:22px}.hero h1{font-size:39px}.hero-copy>p{font-size:13px}.hero-art{height:195px;transform:none;margin-top:14px}.mascot{font-size:95px}.welcome-strip{margin:12px 10px 0;padding:12px;gap:8px}.welcome-strip>span{font-size:25px}.welcome-strip div:nth-child(2)>b{font-size:12px}.welcome-strip small{font-size:9px}.score-pill{font-size:10px;padding:8px}.section{margin:35px 12px 0}.section-heading h2{font-size:21px}.section-heading p{font-size:11px}.levels{grid-template-columns:repeat(2,1fr);gap:8px}.level{padding:12px;min-height:135px}.level .lev-icon{width:40px;height:40px;font-size:22px}.level b{font-size:13px}.workspace{margin-top:30px;gap:12px}.lesson-column,.side-panel{padding:16px}.compact h2{font-size:19px}.lesson-grid{gap:8px}.lesson-card{padding:11px}.game-banner{padding:21px 17px}.game-banner h2{font-size:21px}.game-banner p{max-width:230px}.game-doodles{font-size:48px;margin:0 8px}.game-doodles span{font-size:20px}.parent-note{margin:22px 12px 33px;padding:12px}footer{padding:25px 10px}}