@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+Gurmukhi:wght@400;500;600&display=swap');
:root{font-family:'DM Sans','Noto Sans Gurmukhi',sans-serif;color:#202a29;background:#f4f6f3;font-synthesis:none;--green:#1e6450;--muted:#77817b}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:9px;padding:12px 19px;background:var(--green);color:white;font-weight:600}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #ce9c47;outline-offset:3px}.secondary{background:#edf1ec;color:#344b40}.danger{background:#f8e5df;color:#9d392b}.small{padding:8px 12px;font-size:12px}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{background:#132e29;color:#e0ebe4;padding:34px 22px;display:flex;flex-direction:column;position:fixed;width:248px;height:100vh}.brand{display:flex;align-items:center;gap:12px;margin-bottom:42px;font-size:15px;line-height:1.35;font-weight:700}.mark{background:#d9ec9e;color:#173b2c;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.brand small{color:#a7beb2;font-size:10px;letter-spacing:2px}.navlabel{font-size:10px;letter-spacing:2px;color:#7f9c8e;margin:20px 12px 12px}.nav{display:flex;flex-direction:column;gap:7px}.nav button{text-align:left;background:transparent;color:#adc3b7;padding:14px;font-weight:500}.nav button.active{background:#2c493e;color:#e4f4c5}.nav button span{display:inline-block;width:28px}.sidebar .bottom{margin-top:auto;background:#203f34;border:1px solid #355346;padding:18px;border-radius:13px;font-size:12px;color:#b6c9bc;line-height:1.6}.bottom strong{display:block;color:#e3eacb;margin-bottom:6px}.main{grid-column:2;padding:0 44px 40px;max-width:1600px;width:100%}.topbar{height:91px;border-bottom:1px solid #dde3dc;display:flex;align-items:center;justify-content:space-between;gap:12px}.breadcrumb{color:#8a948b;font-size:12px}.profile{display:flex;align-items:center;gap:12px;font-size:12px}.avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#e6e9d5;color:#50613c;font-weight:700}.titlebar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:34px 0 26px}h1{font-size:30px;letter-spacing:-1px;margin:7px 0 9px;font-weight:600}h2{font-size:19px;letter-spacing:-.4px;margin:0 0 8px}h3{font-size:16px;margin:10px 0}p{line-height:1.7}.muted{color:var(--muted);font-size:13px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:700;color:#60806c}.hero{position:relative;overflow:hidden;background:#dfe9d6;border:1px solid #d1dec7;border-radius:17px;padding:30px 34px;display:grid;grid-template-columns:1.3fr 1fr;min-height:235px}.hero h2{font-size:29px;max-width:460px;line-height:1.2;margin:15px 0}.hero p{font-size:13px;color:#5d705b;max-width:400px}.pill{display:inline-block;padding:6px 10px;border:1px solid #b8caa7;background:#eef4e4;border-radius:30px;font-size:10px;font-weight:600;color:#4f6542}.road-art{width:100%;height:220px;align-self:center}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:22px 0 32px}.stat{background:white;border:1px solid #e0e6dd;border-radius:12px;padding:20px}.stat .number{font-size:28px;letter-spacing:-1px;margin:13px 0 5px}.stat .icon{float:right;background:#eff3e7;border-radius:8px;padding:7px;color:#6c8052}.sectionhead{display:flex;align-items:center;justify-content:space-between;margin:27px 0 18px}.sectionhead button{background:none;color:#56704d;padding:0;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:white;border:1px solid #e0e5dc;border-radius:14px;overflow:hidden}.cardbody{padding:21px}.course-art{height:126px;background:#e9eee0;position:relative;display:flex;align-items:center;justify-content:space-between;padding:26px;color:#7c8b64}.course-art .letter{font-size:48px;font-weight:700;opacity:.35}.course-art svg{width:140px;height:85px}.course-art.tone1{background:#e5ecee;color:#64888b}.course-art.tone2{background:#eee8dc;color:#a38a59}.course-art.tone3{background:#e8e3ef;color:#8875a1}.course-art.tone4{background:#e0ece3;color:#608969}.tag{font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#7e8875}.card p{font-size:12px;color:var(--muted);margin:7px 0 18px}.progress{height:5px;background:#edf0e8;border-radius:6px;overflow:hidden;margin:14px 0 8px}.progress i{height:100%;display:block;background:#97ac6b}.between{display:flex;justify-content:space-between;align-items:center;gap:12px}.cardfooter{border-top:1px solid #edf0e9;margin-top:18px;padding-top:15px;display:flex;justify-content:space-between;font-size:11px;color:#7c8874}.cardfooter button{padding:0;background:none;color:#42673f}.notice{font-size:12px;line-height:1.6;color:#7d7258;background:#f5f0e3;border:1px solid #e8e0cb;border-radius:10px;padding:13px 17px;margin:20px 0}.panel{background:white;border:1px solid #e0e5dc;border-radius:14px;padding:25px;margin:18px 0}.lessonrow{display:flex;align-items:center;gap:18px;border-bottom:1px solid #edf0e8;padding:19px 0}.lessonrow:last-child{border:0}.lessonrow .number{background:#edf2e8;border-radius:10px;padding:14px;color:#6f825c}.lessonrow .grow{flex:1}.punjabi{font-family:'Noto Sans Gurmukhi',sans-serif;line-height:1.9;color:#5c7161}.bodytext{white-space:pre-wrap;line-height:1.9}.lessoncols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lessoncols .panel{margin-top:0}.lessonimage{max-width:100%;max-height:400px;border-radius:12px}.auth{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.authstory{background:#153c30;color:#e0e9d2;padding:10vw 7vw;position:relative;overflow:hidden}.authstory h1{font-size:48px;max-width:500px;line-height:1.15;margin:40px 0 20px}.authstory p{color:#b4c9b7;max-width:400px}.authform{padding:7vw;display:flex;justify-content:center;flex-direction:column}.authform form{max-width:420px;width:100%}label{display:block;font-size:12px;font-weight:600;margin:17px 0 7px}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #d7dfd4;border-radius:8px;background:#fcfdfb;color:#253d30}textarea{min-height:110px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #9eb886}.authform button[type=submit]{width:100%;margin:25px 0 12px}.textbutton{background:none;color:var(--green);padding:8px 0}.testwrap{max-width:850px;margin:auto}.answer{display:flex;gap:15px;align-items:center;width:100%;text-align:left;background:white;border:1px solid #dce3d7;color:#394d3b;padding:18px;margin:12px 0;line-height:1.6}.answer.selected{border:2px solid #678859;background:#f0f5e9}.answer.correct{border:2px solid #4f8955;background:#e8f4e3}.answer.wrong{border:2px solid #b85d49;background:#fcf0ea}.answer b{border:1px solid #d5dfcc;border-radius:6px;padding:3px 9px}.timer{background:#e8eddf;padding:10px 16px;border-radius:8px;font-variant-numeric:tabular-nums}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;padding:16px 12px;border-bottom:1px solid #edf0e8}th{color:#84907d;font-size:10px;text-transform:uppercase;letter-spacing:1px}.editor{max-width:800px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{background:#e9eee3;color:#506349}.tabs button.active{background:#244f3b;color:white}.empty{text-align:center;padding:40px;color:#7a8776}.score{font-size:55px;color:#3d7044}.error{color:#ac402e;font-size:13px}#toast{position:fixed;bottom:25px;right:25px;background:#183d2d;color:white;border-radius:10px;padding:14px 22px;display:none;z-index:100}.mobilebrand{display:none}.footer{font-size:10px;color:#96a08f;margin:32px 0 0;letter-spacing:.5px} @media(min-width:1450px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1050px){.main{padding:0 24px 30px}.sidebar{width:205px;padding:30px 14px}.shell{grid-template-columns:205px 1fr}.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr .8fr;padding:25px}.stats{gap:10px}.stat{padding:14px}.authstory h1{font-size:37px}}@media(max-width:750px){.shell{display:block}.sidebar{position:static;width:100%;height:auto;padding:16px}.brand{margin:0 0 15px}.navlabel,.bottom{display:none}.nav{flex-direction:row;overflow:auto;gap:3px}.nav button{white-space:nowrap;padding:10px;font-size:12px}.nav button span{width:20px}.main{padding:0 18px 25px}.topbar{height:65px}.titlebar{margin:24px 0 20px;align-items:flex-start}h1{font-size:25px}.hero{grid-template-columns:1fr;padding:23px}.hero h2{font-size:25px}.road-art{display:none}.stats{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.grid{grid-template-columns:1fr}.course-art{height:120px}.lessoncols{grid-template-columns:1fr}.auth{display:block}.authstory{padding:30px}.authstory .brand{margin-bottom:20px}.authstory h1{font-size:30px;margin:20px 0}.authstory svg{display:none}.authform{padding:30px}.profile .muted{display:none}.panel{padding:19px}.breadcrumb{font-size:10px}.titlebar>button{font-size:11px;padding:10px}.lessonrow{gap:10px}.lessonrow button{padding:9px;font-size:11px}}