:root{--ink:#1e2230;--blue:#163AA8;--red:#C42424;--green:#12783E;--mut:#626a7a;--paper:#FAF9F5;--card:#fff;--line:#e4e2da;--grid:#eceef3;--yellow:#FFE23C}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Mukta,system-ui,sans-serif;color:var(--ink);font-size:18px;line-height:1.65;overflow-x:hidden;
background-color:var(--paper);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px}
a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}
h1,h2,.logo span,.en,.part{font-family:Kalam,Mukta,cursive}.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.top{position:sticky;top:0;z-index:20;background:rgba(250,249,245,.94);backdrop-filter:blur(8px);border-bottom:3px solid var(--blue)}
.bar{display:flex;align-items:center;gap:16px;height:66px}.logo{display:flex;align-items:center;gap:10px}.logo img{border-radius:50%;border:2px solid var(--blue)}
.logo span{font-size:28px;font-weight:700;color:var(--blue);white-space:nowrap}.logo b{color:var(--red)}
.nav{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{padding:5px 12px;border-radius:99px;font-weight:600;white-space:nowrap}
.nav a.on,.nav a:hover{background:var(--blue);color:#fff}.sub{background:var(--red);color:#fff;padding:7px 16px;border-radius:99px;font-weight:700;white-space:nowrap}
.btn{display:inline-flex;align-items:center;gap:6px;background:var(--blue);color:#fff;padding:10px 20px;border-radius:14px;font-weight:700;border:0;box-shadow:0 3px 0 #0d2466}
.btn:hover{transform:translateY(-1px)}.btn.ghost{background:#fff;color:var(--blue);border:2px solid var(--blue);box-shadow:0 3px 0 var(--blue)}.btn.fb{background:#1877f2;box-shadow:0 3px 0 #0b4fb0}
.hero{padding:34px 0 10px}.hero-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px;align-items:center}
.kicker{display:inline-block;background:var(--red);color:#fff;border-radius:10px;padding:2px 12px;font-weight:700;margin:0}
.hero h1{font-size:60px;line-height:1.15;margin:12px 0;color:var(--blue)}.hero h1 span{color:var(--red)}.lead{font-size:20px;color:var(--mut);margin:0 0 18px}
.cta{display:flex;gap:12px;flex-wrap:wrap}.asha{width:100%;max-width:420px;justify-self:center;filter:drop-shadow(0 12px 20px rgba(22,58,168,.18))}
.today{margin-top:22px;background:#fff;border:2px dashed var(--blue);border-radius:18px;padding:12px 18px;max-width:560px}
.today .nep{margin:6px 0 0;color:var(--red);font-weight:600;font-size:20px}.today .en{margin:0;font-size:28px;color:var(--blue)}
.pill{display:inline-block;background:#e6ebfa;color:var(--blue);border-radius:99px;padding:0 12px;font-weight:700;font-size:14px}
.how{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:30px 0}.how div{background:#fff;border:2px solid var(--line);border-radius:18px;padding:16px}
.how b{display:block;font-size:22px;color:var(--blue)}.how span{color:var(--mut)}
.part{font-size:32px;color:var(--blue);margin:36px 0 12px;line-height:1.3}.muted{color:var(--mut);margin-top:-6px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:#fff;border:2px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(22,58,168,.12);border-color:var(--blue)}.card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.ct{padding:10px 14px 14px}.card h3{margin:6px 0 2px;font-size:19px;line-height:1.35}.card p{margin:0;color:var(--mut);font-size:15px}
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pillar{background:#fff;border:2px solid var(--line);border-left:6px solid var(--red);border-radius:14px;padding:12px 14px}
.pillar b{display:block;color:var(--blue);font-size:19px}.pillar span{color:var(--mut);font-size:15px}
.lesson{max-width:860px}.crumb{color:var(--mut);font-size:15px;margin-top:18px}.lesson h1{font-size:44px;color:var(--blue);line-height:1.2;margin:8px 0 4px}
.yt{position:relative;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000;cursor:pointer;margin:14px 0;border:3px solid var(--blue)}
.yt img{width:100%;height:100%;object-fit:cover}.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.yt .play{position:absolute;inset:0;margin:auto;width:84px;height:60px;border-radius:16px;border:0;background:#e3131c;color:#fff;font-size:28px;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.bubble{position:relative;background:#fff;border:2px solid var(--blue);border-radius:18px;padding:12px 16px;margin:14px 0}.bubble.big{font-size:19px}
.tools{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.sent{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;background:#fff;border:2px solid var(--line);border-radius:18px;padding:14px 16px;margin:12px 0}
.no{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--red);color:#fff;font-weight:800}
.sent p{margin:2px 0}.en{font-size:26px;color:var(--blue);line-height:1.35;font-weight:700}.nep{color:var(--red);font-weight:600;font-size:19px}
.pron{color:var(--mut);font-size:16px}.tip{background:#fff8dc;border-radius:10px;padding:6px 10px;font-size:16px;margin-top:8px!important}
.en.a{color:var(--green)}.en.a span{font-family:Mukta;font-size:16px;color:var(--mut)}.wrong{color:#999;text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:3px;font-size:20px}
.pls{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle}.pl{width:38px;height:38px;border-radius:50%;border:2px solid var(--blue);background:#fff;color:var(--blue);font-size:15px;line-height:1}
.pl:hover,.pl.on{background:var(--blue);color:#fff}.pl.slow{font-size:17px}
.words{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.word{background:#fff;border:2px solid var(--line);border-radius:18px;padding:10px;text-align:center}
.word img{width:100%;aspect-ratio:1;object-fit:contain}.word .en{font-size:24px}.word .pls{margin:0 0 0 6px}.word .tip{text-align:left}.word p{margin:2px 0}
.quiz,.model{background:#eef2ff;border:2px solid var(--blue);border-radius:18px;padding:14px 16px;margin:16px 0}.qh{font-weight:800;margin:0;color:var(--blue)}
.qq{font-family:Kalam;font-size:26px;color:var(--blue);margin:4px 0}.qs{color:var(--mut);margin:0 0 8px}.opts{display:grid;gap:8px}
.opt{text-align:left;background:#fff;border:2px solid var(--blue);border-radius:14px;padding:10px 14px;font-size:19px;font-weight:600;color:var(--ink)}
.opt.ok{background:#dcf5e3;border-color:var(--green)}.opt.no{background:#fde2e2;border-color:var(--red);text-decoration:line-through}.qx{font-weight:600;color:var(--green)}
.model .en{font-size:22px;margin:4px 0}
.practice{margin-top:30px}.flash{background:#fff;border:3px solid var(--blue);border-radius:22px;padding:22px;text-align:center;min-height:220px;box-shadow:0 6px 0 var(--blue)}
.flash .cnt{color:var(--mut);font-size:15px}.flash .fne{font-size:28px;color:var(--red);font-weight:700;margin:14px 0}.flash .fen{font-family:Kalam;font-size:34px;color:var(--blue);min-height:52px;margin:6px 0 14px}
.flash .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.flash .from{color:var(--mut);font-size:14px}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.pn a{background:#fff;border:2px solid var(--line);border-radius:14px;padding:10px 14px;font-weight:600}
.pn small{display:block;color:var(--red)}.pn .n{text-align:right;grid-column:2}.pn a:hover{border-color:var(--blue)}
.follow{display:flex;gap:16px;align-items:center;background:#fff;border:2px solid var(--line);border-radius:18px;padding:14px 16px;margin:24px 0}.follow img{border-radius:50%}.follow p{margin:2px 0 8px;color:var(--mut)}
.content>p{font-size:19px}
.foot{margin-top:60px;background:var(--blue);color:#dfe6ff;padding:28px 0 18px}.foot .logo span{color:#fff}.foot .logo b{color:var(--yellow)}.fg{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}
.fl{display:flex;flex-wrap:wrap;gap:8px 18px;align-content:flex-start}.fl a:hover{color:#fff;text-decoration:underline}.small{font-size:14px;opacity:.8;margin-top:16px}
@media(max-width:860px){.hero-in{grid-template-columns:minmax(0,1fr)}.asha{max-width:260px;order:-1}.hero h1{font-size:44px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.pillars,.how{grid-template-columns:repeat(2,minmax(0,1fr))}.words{grid-template-columns:repeat(3,minmax(0,1fr))}.fg{grid-template-columns:minmax(0,1fr)}.sub{display:none}.nav a{padding:5px 9px;font-size:16px}}
@media(max-width:560px){.bar{height:auto;flex-wrap:wrap;padding:8px 16px;gap:6px}.nav{order:3;flex-basis:100%}.logo span{font-size:24px}.grid,.how,.pillars{grid-template-columns:minmax(0,1fr)}
.words{grid-template-columns:repeat(2,minmax(0,1fr))}.lesson h1{font-size:34px}.en{font-size:22px}.hero h1{font-size:38px}.sent{grid-template-columns:minmax(0,1fr)}.no{width:32px;height:32px}
.pn{grid-template-columns:minmax(0,1fr)}.pn .n{grid-column:1}.flash .fen{font-size:28px}.follow{flex-direction:column;text-align:center}}
@media print{.top,.foot,.yt,.tools,.practice,.pn,.follow,.pls,.sub{display:none!important}body{background:#fff;font-size:14px}.sent,.word,.quiz{break-inside:avoid;border-width:1px}.en{font-size:20px}}