@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Noto+Sans+Telugu:wght@400;600;700&display=swap');
:root{--ink:#253052;--purple:#7154ce;--bg:#fffdfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Nunito,'Noto Sans Telugu',sans-serif;color:var(--ink)}a{text-decoration:none;color:inherit}.topbar{max-width:1220px;margin:auto;padding:20px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{font-weight:900;font-size:clamp(18px,2.5vw,25px)}.brand span{font-size:29px}.topbar nav{display:flex;gap:26px;font-weight:800}.topbar nav a:hover{color:var(--purple)}.hero{max-width:1170px;margin:10px auto 40px;border-radius:35px;background:linear-gradient(110deg,#f5edff,#e9f8ff 70%,#fff3d9);padding:60px 7%;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;min-height:400px;overflow:hidden}.eyebrow{font-size:13px;letter-spacing:1px;font-weight:900;color:#7b59bd}.hero h1{font-size:clamp(38px,5vw,66px);line-height:1.13;letter-spacing:-2px;margin:15px 0}.hero h1 em{color:#ef729a;font-style:normal}.hero p{font-size:18px;max-width:510px;color:#64708a;line-height:1.6}.primary-btn{display:inline-block;background:#7754d4;color:white;border:0;border-radius:100px;padding:14px 25px;font-weight:900;margin-top:12px;cursor:pointer;box-shadow:0 9px 18px #7754d42c}.hero-art{position:relative;height:270px;display:grid;place-items:center}.mascot{font-size:145px;filter:drop-shadow(0 15px 10px #7c6a9a25);transform:rotate(-9deg)}.sun{position:absolute;right:4%;top:0;font-size:62px}.cloud{position:absolute;left:1%;top:8%;font-size:55px}.floating{position:absolute;font-size:50px}.floating.a{left:0;bottom:4%}.floating.b{right:3%;bottom:12%}.floating.c{left:25%;top:0}.section{max-width:1170px;margin:0 auto;padding:18px 15px 60px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:25px}.section-heading h2{font-size:clamp(26px,3.5vw,39px);margin:6px 0}.section-heading p{color:#68748b;margin:0}.count{border-radius:30px;padding:9px 16px;background:#f3edff;color:#7354b9;font-weight:900;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.activity-card{min-height:248px;border-radius:23px;padding:25px 22px;display:flex;flex-direction:column;align-items:start;transition:transform .2s,box-shadow .2s;border:2px solid transparent}.activity-card:hover,.activity-card:focus-visible{transform:translateY(-5px);box-shadow:0 13px 25px #394a6b1a;outline:none;border-color:#ad94ec}.shade-1{background:#ffe8ed}.shade-2{background:#efe7ff}.shade-3{background:#e3f2ff}.shade-4{background:#fff1d7}.shade-5{background:#e5f8e8}.shade-6{background:#fff0e6}.card-icon{font-size:53px;height:75px;display:flex;align-items:center}.activity-card h3{font-size:19px;line-height:1.25;margin:3px 0 7px;font-weight:900}.activity-card p{font-size:14px;line-height:1.45;color:#59657a;margin:0 0 16px}.card-action{margin-top:auto;font-weight:900;color:#674cb1;font-size:14px}.parent-note{max-width:1140px;margin:0 auto 65px;background:#fff3d8;padding:25px 30px;border-radius:24px;display:flex;gap:20px;align-items:center}.parent-note>span{font-size:40px}.parent-note p{margin:3px 0;color:#685f58}footer{background:#f2effa;padding:30px max(24px,calc((100vw - 1170px)/2));display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:#687086}.detail-hero{text-align:center;background:linear-gradient(110deg,#f2eaff,#e6f8ff);padding:35px 20px 40px}.detail-hero h1{font-size:clamp(30px,5vw,48px);margin:10px}.detail-hero p{color:#62718c}.detail-icon{font-size:74px}.back{display:inline-block;color:#7154ce;font-weight:900;margin-bottom:10px}.play-area{max-width:920px;margin:35px auto 80px;padding:0 20px;min-height:250px}.game-panel{background:#fff;border:2px solid #e9e6f3;border-radius:24px;padding:24px;text-align:center;box-shadow:0 12px 35px #5b55710a}.game-panel h2{margin-top:0}.muted{color:#71809b}.button,.palette button{cursor:pointer;border:0;border-radius:12px;background:#7354ce;color:#fff;padding:12px 17px;font-weight:900;font:inherit}.button{margin:5px}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:450px;margin:22px auto}.tile{min-height:75px;background:#f1eaff;border:2px solid #d8c9ff;border-radius:14px;font-size:36px;cursor:pointer}.tile:disabled{opacity:.65}.palette{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:15px}.palette button{height:37px;width:37px;border-radius:50%;padding:0;border:3px solid #fff;box-shadow:0 0 0 1px #aaa}.palette button.active{box-shadow:0 0 0 3px #4b428e}.draw{width:min(100%,500px);touch-action:none;background:#fff;border:2px solid #ded7ee;border-radius:15px}.letters{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.letters button{font-size:24px;background:#f0e9ff;color:#3b3261}.feedback{font-size:18px;font-weight:900;color:#4e7e54;min-height:26px}.dot-board{display:block;width:min(100%,500px);margin:auto}.dot-board circle{cursor:pointer}.mini-img{font-size:110px;margin:10px}.placeholder{padding:24px;background:#fff8e7;border-radius:14px}.input{padding:12px;border:2px solid #ded7ee;border-radius:12px;font:inherit;max-width:100%}
@media(max-width:960px){.cards{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.topbar{padding:14px 16px}.topbar nav{gap:12px;font-size:13px}.brand{font-size:17px}.brand span{font-size:21px}.hero{margin:5px 12px 22px;padding:34px 24px;grid-template-columns:1fr;text-align:center;border-radius:25px}.hero p{font-size:16px}.hero-art{height:155px}.mascot{font-size:100px}.floating{font-size:29px}.sun{font-size:40px}.cloud{font-size:35px}.section{padding:20px 12px 45px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.activity-card{padding:16px 14px;min-height:215px;border-radius:18px}.card-icon{font-size:42px;height:59px}.activity-card h3{font-size:16px}.activity-card p{font-size:12px}.section-heading{align-items:start}.count{font-size:11px;padding:8px}.parent-note{margin:0 12px 35px}.tile{min-height:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.activity-card{transition:none}}