@import url('');:root{font-family:system-ui,'Noto Sans Telugu',sans-serif;color:#19253d;background:#f3f6fc;--blue:#2552b0;--border:#e1e7f2}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #7da8ff;outline-offset:2px}.shell{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100vh}.sidebar{background:#142748;color:#eaf1ff;padding:23px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;gap:12px;align-items:center;padding:5px 10px 22px;border-bottom:1px solid #ffffff25}.logo{width:44px;height:44px;border-radius:13px;background:#4e8af3;display:grid;place-items:center;font-size:23px;font-weight:800}.brand b{font-size:16px}.brand small{display:block;color:#aebfdd;margin-top:4px}.nav-title{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#9fb4d7;margin:22px 10px 9px}.topic-btn{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;color:#d7e3fa;text-align:left;padding:11px 12px;border-radius:10px;margin:3px 0}.topic-btn:hover,.topic-btn.active{background:#304c7c;color:#fff}.topic-num{background:#ffffff19;border-radius:8px;min-width:28px;height:28px;display:grid;place-items:center;font-size:12px}.main{min-width:0;padding:30px clamp(18px,4vw,60px);max-width:1500px;width:100%;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#5372aa;font-weight:800}.topbar h1{font-size:clamp(23px,3vw,34px);margin:6px 0}.muted{color:#63718c}.search{width:min(340px,100%);border:1px solid var(--border);background:white;border-radius:12px;padding:12px 14px}.tabs{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.tab{background:white;border:1px solid var(--border);padding:10px 16px;border-radius:10px;color:#34445e;font-weight:650}.tab.active{background:var(--blue);color:white;border-color:var(--blue)}.hero{background:linear-gradient(115deg,#244a9c,#4978cb);color:white;border-radius:20px;padding:26px 30px;margin-bottom:20px;box-shadow:0 10px 35px #1a429025}.hero h2{margin:6px 0 9px;font-size:25px}.hero p{color:#e3ebff;margin:0;max-width:800px;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.stat,.panel,.lesson-card,.template-card{background:white;border:1px solid var(--border);border-radius:16px;padding:20px}.stat strong{display:block;font-size:28px;color:#214a9e}.stat span{font-size:13px;color:#65748d}.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:18px}.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:13px}.topic-card{background:white;border:1px solid var(--border);border-radius:15px;padding:20px;text-align:left;transition:.15s}.topic-card:hover{transform:translateY(-2px);border-color:#86a4df}.topic-card h3{margin:9px 0;font-size:16px}.topic-card p{color:#66748c;font-size:13px;line-height:1.6}.count{color:#2552b0;font-weight:750;font-size:12px}.lesson-list{display:flex;flex-direction:column;gap:7px;max-height:68vh;overflow:auto}.lesson-link{border:1px solid var(--border);border-radius:10px;background:#fff;padding:12px;text-align:left;display:flex;align-items:center;gap:10px}.lesson-link.active{background:#eaf1ff;border-color:#9ab7f5}.lesson-link small{display:block;color:#697894;margin-top:3px}.check{color:#278b63}.content h2{margin-top:0}.content p{line-height:1.9;color:#52617c}.code-head{display:flex;align-items:center;justify-content:space-between;background:#24334c;color:#cddcf4;padding:11px 15px;border-radius:12px 12px 0 0}.code{background:#111e31;color:#d7e9ff;overflow:auto;white-space:pre;font:13px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;padding:20px;margin:0;border-radius:0 0 12px 12px;min-height:95px}.btn{background:#2454b4;color:white;border:0;border-radius:10px;padding:10px 14px;font-weight:650}.btn.secondary{background:#eef3fc;color:#254a92}.btn.outline{border:1px solid #b7c8e7;background:white;color:#2854a4}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.panel h3{margin-top:0}.progress{height:9px;border-radius:99px;background:#e1e8f4;overflow:hidden}.progress>div{height:100%;background:#2e65c7}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.template-card p{color:#68768e;font-size:13px}.notes{width:100%;min-height:160px;resize:vertical;padding:14px;border:1px solid var(--border);border-radius:12px}.playground{display:grid;grid-template-columns:1fr 1fr;gap:16px}.playground textarea{width:100%;min-height:260px;background:#172238;color:#ecf4ff;border:0;border-radius:12px;padding:15px;font:13px/1.6 monospace}.preview{width:100%;height:310px;background:white;border:1px solid var(--border);border-radius:12px}.mobile-menu{display:none}.footer{margin-top:38px;color:#6b7890;font-size:12px;line-height:1.8}.pill{display:inline-block;border-radius:99px;background:#e6f0ff;color:#2754a0;padding:6px 11px;font-size:12px;font-weight:700}.empty{padding:25px;text-align:center;color:#6a7790}.hidden{display:none!important}@media(max-width:900px){.shell{display:block}.sidebar{position:fixed;z-index:20;transform:translateX(-105%);transition:.2s;width:290px;box-shadow:12px 0 30px #0a214b30}.sidebar.open{transform:translateX(0)}.mobile-menu{display:inline-flex}.main{padding:20px}.topbar{align-items:flex-start}.two-col{grid-template-columns:1fr}.lesson-list{max-height:240px}.playground{grid-template-columns:1fr}}@media(max-width:540px){.topbar{flex-wrap:wrap}.search{width:100%}.stats{grid-template-columns:1fr 1fr}.stat:last-child{grid-column:span 2}.hero{padding:21px}.hero h2{font-size:21px}}