:root{font-family:Inter,Arial,Noto Sans Devanagari,Noto Sans Bengali,sans-serif;color:#17233c;background:#fffaf2;--ink:#17233c;--muted:#606a7d;--gold:#ffc83d;--orange:#e65d2f;--green:#11865a;--blue:#2d69c8}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden}button{font:inherit;-webkit-tap-highlight-color:transparent}.topbar{min-height:76px;padding:10px clamp(16px,5vw,72px);justify-content:space-between;gap:14px;background:#fffffff2;border-bottom:1px solid #ececec;position:-webkit-sticky;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand,.topbar{display:flex;align-items:center}.brand{gap:12px;min-width:0}.brand b{font-size:clamp(18px,2vw,21px);white-space:nowrap}.brand small{display:block;color:#6d7480;margin-top:2px;white-space:nowrap}.logo{flex:0 0 50px;width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-weight:900;background:var(--gold);color:#513600;box-shadow:0 4px 0 #dfa31e}.login{border:1px solid #e4e8ee;border-radius:14px;padding:11px 18px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}.hero{text-align:center;padding:clamp(30px,6vw,62px) 18px 34px;background:radial-gradient(circle at 50% 0,#fff 0,#fff9e8 58%,#eefbf1 100%)}.mascot{font-size:clamp(52px,7vw,72px);line-height:1}.eyebrow{font-weight:900;color:var(--green);font-size:clamp(15px,2vw,18px);margin:15px 0 8px}.hero h1{font-size:clamp(32px,5vw,60px);line-height:1.1;margin:8px auto;max-width:980px;letter-spacing:-.02em}.hero h1 span{color:var(--orange)}.lead{max-width:760px;margin:18px auto;font-size:clamp(16px,2vw,20px);line-height:1.65;color:var(--muted)}.promise{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.promise span{background:#fff;padding:10px 14px;border-radius:999px;box-shadow:0 4px 18px #0000000d;font-weight:700}.chooser{text-align:center;padding:38px clamp(16px,5vw,72px) 58px}.chooser h2,.easy h2{font-size:clamp(25px,3vw,32px);margin:0 0 8px}.chooser>p,.easy>p{color:var(--muted);line-height:1.6}.cards{max-width:1050px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.card{min-height:260px;border:2px solid #edf0f4;border-radius:26px;padding:24px 16px;background:#fff;color:var(--ink);text-align:center;cursor:pointer;box-shadow:0 9px 28px #24324a12;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card:focus-visible,.card:hover{transform:translateY(-4px);box-shadow:0 13px 32px #24324a1f;outline:none}.letter{width:78px;height:78px;margin:auto auto 16px;border-radius:23px;display:grid;place-items:center;font-size:39px;font-weight:900}.card small,.card strong,.go{display:block}.card strong{font-size:clamp(18px,2vw,21px);line-height:1.35}.card small{margin:8px;color:#687184;font-size:15px}.go{width:max-content;margin:20px auto 0;padding:11px 18px;border-radius:14px;font-weight:900;color:#fff}.saffron .letter{background:#fff0cf;color:#c84d13}.saffron .go{background:#d95826}.green .letter{background:#dff7e7;color:#087d47}.green .go{background:#087d47}.blue .letter{background:#e3efff;color:#235fb8}.blue .go{background:#285fb5}.easy{text-align:center;padding:46px 18px;background:var(--ink);color:#fff}.easy>p{color:#dbe3ef;max-width:760px;margin:20px auto}.steps{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:28px auto}.steps span{width:94px;height:94px;border-radius:25px;background:#fff;color:var(--ink);display:grid;place-items:center;font-size:29px;box-shadow:0 5px 0 #0d1528}.steps b{display:block;font-size:14px}.steps i{font-style:normal;font-size:25px;color:var(--gold)}footer{text-align:center;padding:26px 16px;color:#6c7480;background:#fff;font-size:14px}@media(max-width:820px){.cards{grid-template-columns:1fr;max-width:540px}.card{min-height:0}.brand small{display:none}}@media(max-width:520px){.topbar{min-height:66px;padding:8px 14px}.logo{width:44px;height:44px;flex-basis:44px;border-radius:14px}.brand b{font-size:17px}.login{padding:9px 12px;font-size:14px}.hero{padding:27px 14px 29px}.hero h1{font-size:clamp(30px,9.5vw,40px)}.lead{font-size:16px}.chooser{padding:31px 14px 42px}.card{padding:20px 14px;border-radius:22px}.steps{gap:10px}.steps i{display:none}.steps span{width:84px;height:84px}}@media(max-width:360px){.brand b{font-size:15px}.login{padding:8px 9px}.promise span{font-size:14px}.hero h1{font-size:29px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.section-tag{display:inline-block;margin-bottom:10px;padding:7px 12px;border-radius:999px;background:#fff3d0;color:#805400;font-size:13px;font-weight:900;letter-spacing:.02em}.section-tag.light{background:#ffffff18;color:#ffe28b}.card-help{display:block;min-height:22px;margin:10px 0 0;color:#505a6d;font-size:14px}.reassure{max-width:650px;margin:26px auto 0!important;padding:12px 16px;border-radius:15px;background:#f7f9fb;color:#596376!important;font-size:14px}footer b,footer span{display:block}footer b{color:#26334c;margin-bottom:5px}.card:focus-visible,.login:focus-visible{outline:4px solid #ffc83d;outline-offset:3px}@media(max-width:520px){.section-tag{font-size:12px}.reassure{text-align:left}.card-help{min-height:0}}.flow{min-height:100svh;display:grid;place-items:center;padding:clamp(18px,5vw,54px);background:linear-gradient(145deg,#fffaf0,#f1fbf5)}.flow-card{width:min(980px,100%);background:#fff;border:1px solid #edf0f4;border-radius:30px;padding:clamp(22px,5vw,48px);box-shadow:0 18px 55px #24324a14;text-align:center}.flow-card.narrow{width:min(650px,100%)}.lesson-progress,.meter,.progress{height:9px;border-radius:99px;background:#edf1f4;overflow:hidden}.lesson-progress span,.meter span,.progress span{height:100%;display:block;background:linear-gradient(90deg,#13a06c,#ffbf36);border-radius:99px}.kicker{color:#087d47;font-weight:900}.sub{color:#667085;line-height:1.6}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px;margin:28px 0}.option-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.option{min-height:145px;border:2px solid #e8edf1;background:#fff;border-radius:22px;padding:18px;color:#17233c;cursor:pointer}.option>b,.option>small,.option>span{display:block}.option>span{font-size:34px}.option>b{margin:9px 0 5px;font-size:18px}.option small{color:#697386}.option.selected{border-color:#129162;background:#f0fbf5;box-shadow:0 0 0 3px #12916218}.primary{display:block;width:min(360px,100%);margin:22px auto 0;border:0;border-radius:16px;padding:15px 22px;background:#087d47;color:#fff;font-weight:900;cursor:pointer;box-shadow:0 5px 0 #075f39}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.field{text-align:left;display:block;margin:25px 0}.field span{display:block;font-weight:800;margin-bottom:8px}.field input{width:100%;padding:15px;border:2px solid #dfe5ea;border-radius:14px;font-size:17px;outline:none}.field input:focus{border-color:#168a55;box-shadow:0 0 0 4px #168a5517}.check{display:flex;gap:10px;text-align:left;align-items:flex-start;color:#505b6d}.check input{width:20px;height:20px}.text-btn{border:0;background:transparent;color:#2865b5;font-weight:800;padding:14px;cursor:pointer}.tabs{display:flex;gap:8px;margin:22px 0}.tabs.center{justify-content:center}.tabs button{flex:1 1;border:1px solid #dfe5ea;background:#fff;padding:12px;border-radius:13px;font-weight:800}.tabs button.active{background:#eaf7f0;border-color:#087d47;color:#076e40}.notice,.soft-box{background:#fff7dd;border-radius:14px;padding:13px;line-height:1.5}.privacy{font-size:13px;color:#778091}.dash{max-width:980px;margin:auto;padding:clamp(18px,5vw,52px)}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head h1{margin:3px 0 20px}.streak{background:#fff1cf;padding:10px 14px;border-radius:99px;font-weight:800}.today{background:linear-gradient(135deg,#e9fbf1,#fff5d9);padding:clamp(22px,5vw,42px);border-radius:28px}.today h2{font-size:clamp(26px,4vw,38px);margin:8px 0 18px}.today .meter{margin:15px 0}.primary.link{text-decoration:none;text-align:center;margin-left:0}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin:20px 0}.dash-grid article{background:#fff;border:1px solid #e8edf1;border-radius:20px;padding:20px}.dash-grid article b,.dash-grid article small,.dash-grid article span{display:block}.dash-grid article span{font-size:28px}.dash-grid article b{margin:9px 0}.dash-grid article small{color:#6c7585}.calm{text-align:center;color:#737d8e}.lesson{min-height:100svh;background:#fffaf2;padding:16px}.lesson-top{max-width:850px;margin:auto;display:grid;grid-template-columns:auto 1fr auto;grid-gap:16px;gap:16px;align-items:center}.lesson-top a{text-decoration:none;color:#17233c;font-weight:800}.lesson-card{max-width:780px;margin:20px auto;background:#fff;border:1px solid #edf0f4;border-radius:30px;padding:clamp(22px,5vw,46px);text-align:center;box-shadow:0 15px 45px #24324a10}.stage-row{display:flex;justify-content:space-between;gap:6px}.stage-row span{opacity:.35;font-size:21px}.stage-row span.done,.stage-row span.now{opacity:1}.stage-row span.now{transform:scale(1.12)}.stage-row small{display:block;font-size:11px}.big-letter{font-family:Noto Sans Bengali,sans-serif;font-size:clamp(100px,25vw,180px);line-height:1.1;margin:25px 0 8px;color:#087d47}.big-letter.trace{color:#d9dee3;text-shadow:0 0 1px #7d8791}.sound{border:0;background:#2865b5;color:#fff;border-radius:16px;padding:14px 22px;font-weight:900;font-size:17px;cursor:pointer}.writing-box{min-height:160px;border:3px dashed #ccd4db;border-radius:22px;display:grid;place-items:center;color:#7b8490;margin:20px 0}.celebrate{font-size:90px}.reward{display:inline-block;background:#fff1c7;padding:12px 18px;border-radius:99px;font-weight:900}@media(max-width:700px){.dash-grid,.option-grid,.option-grid.three{grid-template-columns:1fr}.option{min-height:0}.flow-card{border-radius:22px}.stage-row{gap:2px}.stage-row span{font-size:18px}.stage-row small{font-size:10px}}@media(max-width:380px){.lesson-top{gap:8px}.lesson-top a,.lesson-top b{font-size:13px}.flow{padding:10px}.flow-card{padding:19px 14px}.tabs{flex-direction:column}}.hub{max-width:920px;min-height:100svh;margin:auto;padding:clamp(24px,5vw,56px) 16px;text-align:center}.hub>h1{font-size:clamp(30px,5vw,46px);margin-bottom:8px}.hub>p{color:#667085}.skill-tabs{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:26px 0}.skill-tabs button{border:1px solid #dfe5ea;background:#fff;padding:11px 16px;border-radius:99px;font-weight:800}.skill-tabs button.active{background:#087d47;color:#fff;border-color:#087d47}.chat-card,.practice-card{max-width:650px;margin:24px auto;background:#fff;border:1px solid #e7ebef;border-radius:28px;padding:clamp(24px,5vw,44px);box-shadow:0 12px 40px #24324a10}.practice-icon{font-size:60px}.phrase,.word-result{font-size:clamp(46px,10vw,76px);font-weight:900;color:#087d47;margin:16px}.letter-picks,.speak-actions{display:flex;gap:12px;justify-content:center;margin:22px 0}.letter-picks button,.speak-actions button{border:0;background:#2865b5;color:#fff;border-radius:16px;padding:14px 20px;font-weight:900}.letter-picks button{font-size:30px;min-width:65px}.success{background:#e8faef;color:#087144;padding:14px;border-radius:16px;font-weight:900}.grammar-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin:22px 0}.grammar-grid div{background:#f6f8fa;border-radius:16px;padding:15px}.grammar-grid b,.grammar-grid small,.grammar-grid span{display:block}.grammar-grid span{font-size:24px;margin:5px}.picture-emoji{font-size:110px}.bubble{max-width:78%;text-align:left;background:#f0f4f7;border-radius:20px 20px 20px 5px;padding:15px;margin:12px 0}.bubble.right{margin-left:auto;background:#e8f8ef;border-radius:20px 20px 5px 20px}.bubble b,.bubble small,.bubble span{display:block}.bubble b{margin:6px 0}.bubble small{color:#647083;line-height:1.5}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px;margin-top:28px;text-align:left}.story-grid article{background:#fff;border:1px solid #e7ebef;border-radius:24px;padding:24px}.story-grid article>span{font-size:48px}.story-grid p{line-height:1.65;color:#5f697a}.story-grid small{color:#087d47;font-weight:800}.story-grid button{display:block;margin-top:18px;border:0;background:#17233c;color:#fff;padding:11px 17px;border-radius:13px;font-weight:800}@media(max-width:600px){.grammar-grid,.story-grid{grid-template-columns:1fr}.speak-actions{flex-direction:column}.speak-actions button{width:100%}.picture-emoji{font-size:90px}.bubble{max-width:92%}}.answerbox,.searchbox{width:min(650px,100%);border:2px solid #dfe5ea;border-radius:16px;padding:15px;font:inherit;background:#fff;outline:none}.answerbox:focus,.searchbox:focus{border-color:#087d47;box-shadow:0 0 0 4px #087d4715}.answerbox{min-height:120px;resize:vertical}.dict{max-width:650px;margin:20px auto;display:grid;grid-gap:10px;gap:10px}.dict>div{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;text-align:left;background:#fff;border:1px solid #e7ebef;border-radius:16px;padding:15px}.dict span{font-size:21px}.dict small{color:#687184}.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin:22px 0}.quiz-options button{border:2px solid #e1e6ea;background:#fff;border-radius:16px;padding:16px;font-weight:800;cursor:pointer}.quiz-options button:focus-visible,.quiz-options button:hover{border-color:#087d47;background:#effaf4}.progress-panel{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:28px 0}.stat{background:#fff;border:1px solid #e7ebef;border-radius:20px;padding:22px}.stat b,.stat small{display:block}.stat b{font-size:25px}.stat small{color:#687184;margin-top:5px}.skill-panel{background:#fff;border:1px solid #e7ebef;border-radius:24px;padding:24px;margin-bottom:20px;text-align:left}.skill-panel>div{margin:17px 0}.skill-panel label{display:flex;justify-content:space-between;margin-bottom:7px}.revision-list{display:grid;grid-gap:12px;gap:12px;max-width:720px;margin:26px auto}.revision-list article{display:grid;grid-template-columns:80px 1fr auto;align-items:center;text-align:left;background:#fff;border:1px solid #e7ebef;border-radius:18px;padding:15px;grid-gap:12px;gap:12px}.revision-list strong{font-size:32px;color:#087d47}.revision-list b,.revision-list small{display:block}.revision-list small{color:#6b7585;margin-top:4px}.revision-list button{border:0;background:#17233c;color:#fff;border-radius:12px;padding:10px 14px;font-weight:800}.certificate-wrap{min-height:100svh;padding:clamp(16px,5vw,50px);display:grid;place-items:center;background:#f6f1e7}.certificate{width:min(900px,100%);min-height:570px;background:#fff;border:10px double #d3a72f;padding:clamp(25px,7vw,70px);text-align:center;display:flex;flex-direction:column;justify-content:center}.cert-mark{width:70px;height:70px;border-radius:50%;background:#087d47;color:#fff;display:grid;place-items:center;margin:0 auto;font-weight:900;font-size:23px}.certificate h1{font-family:Georgia,serif;font-size:clamp(30px,5vw,52px);margin:15px}.certificate h2{font-size:clamp(26px,4vw,40px);border-bottom:1px solid #999;padding-bottom:8px}.cert-line{display:flex;justify-content:space-between;margin:50px 0 20px}.certificate>small{color:#6b7280}@media(max-width:600px){.dict>div{text-align:center;gap:4px}.dict>div,.progress-panel,.quiz-options{grid-template-columns:1fr}.revision-list article{grid-template-columns:55px 1fr}.revision-list button{grid-column:1/-1}.certificate{border-width:6px;min-height:520px}.cert-line{gap:20px;font-size:12px}}.admin{max-width:1100px;margin:auto;padding:clamp(20px,5vw,55px) 16px}.admin header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.admin header h1{margin:4px 0}.admin-role{background:#e9f8ef;color:#087d47;padding:9px 13px;border-radius:99px;font-weight:800}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.admin-grid article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:13px;gap:13px;background:#fff;border:1px solid #e6ebef;border-radius:20px;padding:18px}.admin-grid article>span{font-size:30px}.admin-grid b,.admin-grid small{display:block}.admin-grid small{color:#697386;margin-top:4px}.admin-grid button{width:38px;height:38px;border:0;border-radius:50%;background:#f1f4f6;font-size:18px}.admin-panel{margin-top:22px;background:#17233c;color:#fff;border-radius:24px;padding:25px}.admin-panel p{color:#d5dbe5}.workflow{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.workflow span{background:#ffffff15;border:1px solid #ffffff25;border-radius:99px;padding:9px 13px;font-weight:800}.workflow i{font-style:normal;color:#ffcc55}.legal-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px;margin:25px 0;text-align:left}.legal-list article{background:#fff;border:1px solid #e7ebef;border-radius:20px;padding:22px}.legal-list h2{font-size:20px}.legal-list p{color:#5f6979;line-height:1.65}@media(max-width:760px){.admin-grid,.legal-list{grid-template-columns:1fr}.admin header{align-items:flex-start}.admin-role{font-size:12px}.workflow i{display:none}.workflow{display:grid;grid-template-columns:1fr}.workflow span{text-align:center}}.network{display:inline-block;padding:9px 14px;border-radius:99px;font-weight:900}.network.on{background:#e7f8ee;color:#087d47}.network.off{background:#fff0e8;color:#a43d12}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}