@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Naskh+Arabic:wght@500;600;700&display=swap";:root{color:#202922;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;--green:#256d50;--dark:#1f4936;--muted:#818a81;--line:#e9ede7;--paper:#fff;background:#f8f9f6;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer}.app-shell{min-height:100vh}.sidebar{border-right:1px solid var(--line);z-index:5;background:#fff;flex-direction:column;width:248px;padding:29px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.8px;align-items:center;gap:11px;margin-bottom:49px;padding:0 7px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:flex}.brand>span:last-of-type{line-height:1.1}.brand small{letter-spacing:0;color:#8a928a;margin-top:5px;font:11px DM Sans,sans-serif;display:block}.brand-mark{width:37px;height:37px;color:var(--green);background:#eaf3ed;border-radius:12px;place-items:center;display:grid}.side-label,.eyebrow{letter-spacing:1.15px;color:#8b938b;font-size:10px;font-weight:700}.side-label{margin-bottom:12px;padding:0 11px}.sidebar nav{gap:5px;display:grid}.nav-item{text-align:left;color:#707970;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:12px 11px;font-size:13px;transition:all .2s;display:flex}.nav-item:hover{color:var(--dark);background:#f6f8f5}.nav-item.selected{color:#27694f;background:#edf4ef;font-weight:600}.nav-end{margin-left:auto}.sidebar-bottom{margin-top:auto}.tutor-mini{background:#f7f8f5;border:1px solid #eff1ed;border-radius:12px;align-items:center;gap:11px;padding:13px;display:flex}.tutor-avatar,.coach-avatar{width:34px;height:34px;color:var(--green);background:#e7f0e8;border-radius:11px;place-items:center;display:grid}.tutor-mini strong{font-size:11px}.tutor-mini p{color:var(--muted);margin:4px 0 0;font-size:10px}.side-note{color:#939a92;padding:5px 4px 0;font-size:10px;line-height:1.7}.main{flex-direction:column;min-height:100vh;margin-left:248px;display:flex}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:68px;padding:0 6.1%;display:flex}.breadcrumb{color:#9aa199;align-items:center;gap:9px;font-size:11px;display:flex}.breadcrumb span{color:#444d45}.header-right{align-items:center;gap:19px;display:flex}.level-pill{border:1px solid var(--line);color:#525c53;border-radius:99px;align-items:center;gap:7px;padding:7px 11px;font-size:10px;display:flex}.level-dot,.green-dot{background:#60a47a;border-radius:50%;width:7px;height:7px}.profile{color:#66563a;background:#f4efe5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font:600 14px Noto Naskh Arabic,serif;display:flex}.profile span{display:none}.content{flex:1;width:min(930px,88%);margin:0 auto;padding:39px 0 35px}.welcome{background:#edf3eb;border:1px solid #e8eee5;border-radius:17px;align-items:center;min-height:251px;padding:32px 37px;display:flex;position:relative;overflow:hidden}.welcome>div:first-child{z-index:1;position:relative}.welcome h1,.page-title,.quiz-card h1{letter-spacing:-1.5px;color:#223a2c;margin:14px 0 9px;font:700 34px/1.25 Manrope,sans-serif}.welcome h1 em{color:var(--green);font-style:normal}.welcome>div:first-child>p,.page-intro{color:#758076;max-width:405px;margin:0 0 20px;font-size:12px;line-height:1.8}.primary-btn{color:#fff;background:#27684d;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:11px 15px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 3px 8px #1d624022}.primary-btn:hover{background:#1c573d;transform:translateY(-1px)}.primary-btn:disabled{opacity:.53;cursor:not-allowed;transform:none}.welcome-art{place-items:center;width:210px;height:210px;display:grid;position:absolute;top:50%;right:9%;transform:translateY(-50%)}.orbit{border:1px solid #d1dfd1;border-radius:50%;width:169px;height:169px;position:absolute}.orbit-two{border-color:#c3d5c3;width:127px;height:127px}.art-arabic{color:#477455;font:600 37px Noto Naskh Arabic,serif;position:relative}.art-caption{color:#758b76;letter-spacing:1.1px;font-size:9px;position:absolute;bottom:32px}.art-spark{color:#c49d54;font-size:19px;position:absolute;top:33px;right:19px}.section-heading{justify-content:space-between;align-items:end;margin:31px 0 13px;display:flex}.section-heading h2{letter-spacing:-.45px;margin:5px 0 0;font:700 17px Manrope,sans-serif}.date-note{color:#929991;padding-bottom:2px;font-size:10px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:center;gap:12px;min-height:79px;padding:16px 17px;display:flex}.stat-icon{border-radius:10px;place-items:center;width:35px;height:35px;display:grid}.stat-icon.green{color:#49805b;background:#edf5ed}.stat-icon.yellow{color:#b38a3d;background:#fbf4e7}.stat-icon.lilac{color:#7770a4;background:#f1eff8}.stat-card strong{font:700 19px Manrope,sans-serif}.stat-card strong small{color:#99a098;font-size:11px;font-weight:500}.stat-card p{color:#8b928b;margin:3px 0 0;font-size:10px}.home-columns{grid-template-columns:1.65fr 1fr;gap:14px;margin-top:20px;display:grid}.next-card,.placement-card{border:1px solid var(--line);background:#fff;border-radius:12px;padding:19px}.section-heading.compact{margin:0 0 14px}.section-heading.compact h2{font-size:15px}.tiny-tag{color:#778078;white-space:nowrap;border:1px solid #ecefe9;border-radius:99px;align-items:center;padding:5px 9px;font-size:9px;display:inline-flex}.lesson-preview{border-top:1px solid #f0f2ee;border-bottom:1px solid #f0f2ee;align-items:center;gap:12px;padding:13px 0;display:flex}.lesson-icon{color:#447957;background:#eef4ee;border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.lesson-copy{flex:1;min-width:0}.lesson-copy>span{color:#8b928a;font-size:9px}.lesson-copy h3{margin:4px 0;font:600 13px Manrope,sans-serif}.lesson-copy p{color:#8a9289;margin:0;font-size:9px}.lesson-copy p i{vertical-align:middle;background:#9ba299;border-radius:50%;width:3px;height:3px;margin:0 5px;display:inline-block}.round-btn{border:1px solid var(--line);color:#52735d;background:#fff;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.round-btn:hover{background:#edf4ef}.session-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.session-foot span{color:#818a81;align-items:center;gap:6px;font-size:9px;display:flex}.session-foot button,.text-link{color:#326e50;background:0 0;border:0;padding:3px;font-size:10px;font-weight:600}.placement-card{background:#faf9f5;border-color:#f0ede5}.placement-icon{color:#967d43;background:#f1eddf;border-radius:10px;place-items:center;width:35px;height:35px;margin-bottom:13px;display:grid}.placement-card h3{margin:6px 0;font:600 14px Manrope,sans-serif}.placement-card>p{color:#838a81;margin:0 0 12px;font-size:10px;line-height:1.7}.text-link{align-items:center;gap:4px;padding:0;display:inline-flex}.coach-note{background:#fff;border:1px solid #eeefe9;border-radius:11px;align-items:center;gap:12px;margin-top:15px;padding:14px 16px;display:flex;position:relative;overflow:hidden}.coach-note p{color:#828a81;margin:0;font-size:10px;line-height:1.7}.coach-note p strong{color:#424b43;font-size:10px}.coach-avatar{flex:none}.note-mark{color:#eef1e9;font:50px Georgia,serif;position:absolute;top:4px;right:14px}.footer{text-align:center;color:#9aa098;border-top:1px solid #ebeee8;padding:17px;font-size:9px}.footer span{padding:0 5px}.subpage{padding-top:52px}.page-title{margin:10px 0}.page-intro{max-width:540px;margin-bottom:25px}.path-line{max-width:720px;margin:29px 0;position:relative}.path-line:before{content:"";border-left:1px dashed #d7ded5;position:absolute;top:21px;bottom:20px;left:19px}.path-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;align-items:center;gap:15px;width:100%;margin:0 0 10px;padding:15px 16px;transition:all .2s;display:flex;position:relative}.path-card:hover{border-color:#b8cbbc;transform:translate(2px)}.path-node{z-index:1;color:#7d8c7e;background:#f1f4ef;border:1px solid #e9ede6;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:11px;display:grid;position:relative}.path-card.is-done .path-node{color:#39714d;background:#e9f3eb}.path-card.is-due .path-node{color:#ad873c;background:#fbf3e5}.path-body{flex:1}.path-body h3{margin:5px 0;font:600 13px Manrope,sans-serif}.path-body p{color:#8a928a;margin:0;font-size:10px}.path-status{color:#98a098;font-size:9px}.path-status.complete{color:#45805a}.path-status.review{color:#aa8037}.path-arrow{color:#a4aba3}.skills-strip{color:#607063;background:#f0f3ed;border-radius:10px;align-items:center;gap:19px;padding:13px 15px;font-size:10px;display:flex}.skills-strip>span:not(.skills-hint){align-items:center;gap:6px;display:flex}.skills-strip svg{color:#52785b;width:15px;height:15px}.skills-hint{color:#929990;margin-left:auto;font-size:9px}.progress-summary{background:#edf3eb;border:1px solid #e5ede3;border-radius:12px;justify-content:space-between;align-items:center;gap:15px;margin:24px 0 28px;padding:22px;display:flex}.progress-summary h2{margin:7px 0;font:700 22px Manrope,sans-serif}.progress-summary p{color:#788378;margin:0;font-size:10px}.secondary-btn{color:#366847;background:#fff;border:1px solid #dce5db;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:600}.progress-track{background:#edf0eb;border-radius:9px;width:100%;height:6px;margin:14px 0;overflow:hidden}.progress-track>span{background:#55906a;border-radius:9px;height:100%;transition:width .4s;display:block}.progress-list{border:1px solid var(--line);background:#fff;border-radius:11px;max-width:720px;padding:5px 15px}.progress-row{border-bottom:1px solid #f0f2ee;align-items:center;gap:11px;min-height:54px;font-size:11px;display:flex}.progress-row:last-child{border:0}.progress-check{border:1px solid #dfe5dc;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;display:grid}.progress-check>span{background:#c8d0c6;border-radius:50%;width:5px;height:5px}.progress-check.done{color:#418052;background:#e9f3eb;border-color:#e5efe5}.progress-row small{color:#999f98;margin-top:3px;font-size:9px;display:block}.row-result{color:#8e968d;margin-left:auto;font-size:9px}.quiz-page{max-width:770px;padding-top:30px}.back-link{color:#788178;background:0 0;border:0;align-items:center;gap:5px;margin-bottom:18px;padding:4px 0;font-size:11px;display:inline-flex}.quiz-card{border:1px solid var(--line);background:#fff;border-radius:15px;max-width:620px;padding:29px}.quiz-card h1{margin:15px 0 8px;font-size:26px}.quiz-card .page-intro{margin-bottom:20px;font-size:11px}.arabic-card{color:#315941;text-align:center;background:#f3f6f1;border:1px solid #edf0e9;border-radius:11px;place-items:center;min-height:128px;margin:17px 0 22px;padding:20px;font:600 32px Noto Naskh Arabic,serif;display:grid}.question-text{margin:0 0 11px;font-size:12px;font-weight:600}.choice-list{gap:8px;display:grid}.choice{text-align:left;background:#fff;border:1px solid #e9ece7;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 12px;font-size:11px;transition:all .15s;display:flex}.choice>span{color:#848d83;border:1px solid #e9ece7;border-radius:7px;flex:none;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.choice>svg{color:#448358;margin-left:auto}.choice:hover,.choice.chosen{background:#f8fbf7;border-color:#9bbb9e}.choice.correct{background:#f3f9f2;border-color:#a5c5a7}.choice.incorrect{background:#fff8f5;border-color:#e3b7a8}.feedback{border-radius:8px;margin-top:13px;padding:12px 13px}.feedback-good{color:#367247;background:#eff7ef}.feedback-review{color:#876e37;background:#faf5e9}.feedback-heading{font-size:11px;font-weight:700}.feedback p{color:#69736a;margin:5px 0 0;font-size:10px;line-height:1.7}.finish-btn{margin-top:17px}.finish-btn:disabled{box-shadow:none}.placement-question{color:#315941;background:#f3f6f1;border-radius:10px;margin:20px 0;padding:20px;font:600 25px Noto Naskh Arabic,serif}.placement-question:not([dir]){font-family:DM Sans,sans-serif;font-size:17px}.placement-question[dir=auto]{text-align:left;direction:ltr}.quiz-track{max-width:230px;margin:13px 0}.result-card{text-align:center;padding:45px 34px}.result-icon{color:#39704f;background:#edf4ed;border-radius:16px;place-items:center;width:55px;height:55px;margin:0 auto 17px;display:grid}.result-card .page-intro{margin:0 auto 19px}.menu-button,.close-menu,.scrim{display:none}@media (width>=1400px){.content{padding-top:49px}.welcome{min-height:270px}}@media (width<=1050px){.sidebar{width:218px}.main{margin-left:218px}.content{width:90%}.welcome{padding:29px}.welcome-art{opacity:.8;right:4%}.home-columns{grid-template-columns:1.35fr 1fr}}@media (width<=760px){.sidebar{width:260px;transition:transform .25s;transform:translate(-102%);box-shadow:10px 0 35px #1b2b1a12}.sidebar.open{transform:translate(0)}.scrim{z-index:4;background:#17251c55;border:0;display:block;position:fixed;inset:0}.close-menu{color:#637066;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.main{margin-left:0}.menu-button{color:#526151;background:0 0;border:0;place-items:center;width:31px;height:31px;display:grid}.topbar{height:59px;padding:0 5%}.breadcrumb{margin-left:9px;margin-right:auto;font-size:10px}.header-right{gap:9px}.content{width:90%;padding:26px 0}.welcome{min-height:230px;padding:25px 22px}.welcome h1{font-size:29px}.welcome>div:first-child>p{max-width:300px;font-size:11px}.welcome-art{opacity:.24;right:-23px}.welcome>div:first-child{z-index:1}.home-columns{grid-template-columns:1fr}.placement-card{padding:17px}.placement-card .placement-icon{margin-bottom:9px}.stats-grid{gap:8px}.stat-card{gap:8px;padding:12px 10px}.stat-icon{width:31px;height:31px}.stat-card strong{font-size:16px}.stat-card p,.date-note{font-size:9px}.section-heading h2{font-size:15px}.subpage{padding-top:32px}.page-title{font-size:28px}.path-card{gap:11px;padding:12px 11px}.path-status{display:none}.skills-strip{flex-wrap:wrap;gap:12px}.skills-hint{width:100%;margin-left:0}.quiz-card{padding:21px 17px}.quiz-card h1{font-size:23px}.quiz-page{padding-top:22px}.progress-summary{padding:17px}.footer{margin-top:auto}}@media (width<=390px){.welcome h1{font-size:26px}.welcome-art{right:-60px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:61px}.stat-card strong{font-size:19px}.session-foot{flex-direction:column;align-items:flex-start}.session-foot button{padding:3px 0}.level-pill{padding:6px 8px;font-size:9px}.placement-question{font-size:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}