@font-face{font-family:Qudrah;src:url(/fonts/alexandria-variable.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg:#f7f9f8;--panel:#fff;--text:#263e3a;--muted:#738580;--green:#167a6a;--dark:#17665a;--line:#e9efec;--purple:#8773ad;--shadow:0 5px 22px #233e3010}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-family:Qudrah,Arial,sans-serif;font-size:14px;line-height:1.7}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer;transition:background .15s,box-shadow .15s,transform .15s}button:disabled{cursor:default;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b08bdd;outline-offset:3px}a,button{color:inherit}a{text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}h2{font-size:18px}h3{font-size:16px}small{font-size:13px}svg{flex-shrink:0}button svg{pointer-events:none}input,select,textarea{min-width:0;accent-color:var(--green)}.app{display:flex;min-height:100vh}.sidebar{width:246px;position:fixed;inset:0 0 0 auto;background:white;border-left:1px solid var(--line);display:flex;flex-direction:column;padding:29px 20px 0;z-index:30}.logo{display:flex;align-items:center;gap:11px}.logo-icon{position:relative;background:#177c6a;color:#fff;display:grid;place-items:center;width:46px;height:48px;border-radius:16px 16px 16px 5px;transform:rotate(-2deg)}.logo-icon span{position:absolute;bottom:6px;width:5px;height:5px;border-radius:50%;background:#bcead5}.logo strong{font-size:32px;line-height:1.25;display:block;color:#275248;letter-spacing:-1px}.logo-dot{color:#c4a56f}.logo small{display:block;color:var(--muted);font-size:12px;line-height:1.8;letter-spacing:.2px}.sidebar .logo{padding-right:9px;margin-bottom:39px}.side-label{font-size:13px;color:#a0aca7;padding:0 14px;margin-bottom:12px}nav{display:flex;flex-direction:column;gap:7px}nav button{position:relative;display:flex;align-items:center;gap:13px;border:0;background:none;border-radius:10px;padding:13px 14px;text-align:right;font-size:14px;font-weight:700;color:#6c7e78;min-height:49px}nav button:hover{background:#f1f7f3}nav button.active{background:#e8f4ee;color:#24785f}nav button.active:before{content:"";position:absolute;right:-20px;top:10px;bottom:10px;width:4px;background:#288770;border-radius:4px 0 0 4px}nav button i{margin-right:auto;border-radius:5px;font-style:normal;font-size:12px;background:#f2f5f3;padding:1px 6px;color:#7c8e86}.nav-point{width:6px;height:6px;border-radius:50%;background:#27856c;margin-right:auto}.side-bottom{margin-top:auto;padding-top:50px}.kind-note{background:#f7faf7;border:1px solid #edf1ed;border-radius:15px;padding:17px 16px;margin-bottom:24px;position:relative}.little-leaf{display:grid;place-items:center;color:#56947a;background:#e9f2e7;width:37px;height:37px;border-radius:11px;margin-bottom:12px}.kind-note b{font-size:14px;color:#496a5b}.kind-note p{font-size:12px;line-height:1.9;color:#8c9b8e;margin-top:5px}.side-setting{display:flex;align-items:center;width:100%;gap:12px;background:none;border:0;padding:10px 12px;margin-bottom:20px;color:#788980;font-size:14px}.side-setting svg:last-child{margin-right:auto}.admin{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding:21px 0}.admin-avatar,.top-avatar{background:#f1e9de;color:#9c805c;display:grid;place-items:center;border-radius:50%;width:37px;height:37px;font-size:14px;font-weight:700;flex-shrink:0}.admin b{font-size:13px;display:block}.admin small{font-size:11px;color:var(--muted)}.admin>svg{margin-right:auto;color:#95a39d}.main-shell{margin-right:246px;width:calc(100% - 246px)}.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;padding:0 36px;position:relative}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:14px;font-size:13px;color:#a0aaa6}.breadcrumb b{color:#5b7167;font-weight:400}.top-actions{gap:18px}.global-search,.top-actions{display:flex;align-items:center}.global-search{gap:9px;color:#99a69f;border-left:1px solid var(--line);padding-left:20px}.global-search input{background:none;border:0;outline:none;width:175px;font-size:13px;color:var(--text)}.global-search input::placeholder{color:#9daaa3}.icon-btn{border:0;background:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;color:#7b8d84}.icon-btn:hover{background:#edf4ef}.icon-btn.pale{background:#f0f5f1;color:#66987f}.notification{position:relative}.notification>span{position:absolute;right:7px;top:5px;border-radius:50%;width:5px;height:5px;background:#bd9873;border:1px solid white}.top-avatar{width:34px;height:34px;font-size:14px}.menu-toggle{display:none}.notification-panel{position:absolute;left:45px;top:68px;background:white;box-shadow:0 15px 55px #1c43302b;z-index:40;width:330px;padding:21px;border:1px solid var(--line);border-radius:16px}.notification-panel h3{margin-bottom:14px}.notification-panel>button{display:flex;width:100%;background:none;align-items:center;gap:12px;border:0;border-bottom:1px solid var(--line);padding:11px 0;text-align:right;color:var(--green)}.notification-panel b{color:var(--text);font-size:14px;display:block}.notification-panel small{color:var(--muted);font-size:12px}main{max-width:1510px;margin:0 auto;padding:31px 36px 0}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font-size:12px;color:#8c9e92;letter-spacing:.1px;margin-bottom:5px}.page-title h1{font-size:26px;line-height:1.7;color:#2a463c}.title-leaf{color:#c4aa77;margin-right:11px;font-size:21px}.page-title p{color:#849389;font-size:13px;margin-top:5px}.date-chip{display:inline-flex;gap:9px;border:1px solid #e2e8e2;border-radius:9px;color:#718b7a;background:#fff;padding:9px 12px;white-space:nowrap}.date-chip,.demo-strip{align-items:center;font-size:12px}.demo-strip{display:flex;justify-content:space-between;gap:10px;margin-bottom:19px;color:#7d8d82;padding:8px 13px;background:#f0f4f1;border:1px solid #e8ede9;border-radius:8px}.demo-strip small,.demo-strip>span{display:flex;align-items:center;gap:7px}.demo-strip small{font-size:11px}.demo-strip button{background:none;border:0;color:var(--green);text-decoration:underline}.demo-dot{width:5px;height:5px;border-radius:50%;background:#bcac86}.demo-strip.error{background:#fff0ec;color:#a74a3c;border-color:#efd4cb}.welcome{min-height:258px;background:#e9f3ec;border:1px solid #deebe1;border-radius:19px;display:flex;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:23px}.welcome-copy{padding:24px 33px;z-index:1;flex:1 1}.welcome h2{font-size:30px;line-height:1.6;color:#295544;margin:12px 0 8px;letter-spacing:-.6px}.welcome p{font-size:13px;color:#719480;line-height:1.9}.welcome .button{margin-top:15px;background:#fff;border:1px solid #d8e8dc;color:#456c53;font-size:13px;padding:7px 13px;min-height:34px}.badge{font-size:12px;border-radius:6px;display:inline-flex;gap:5px;align-items:center;white-space:nowrap;padding:3px 8px;max-width:100%;line-height:1.8}.badge.green{background:#eaf5ed;color:#478363}.badge.purple{background:#f0edf7;color:#847099}.badge.orange{background:#faf1e4;color:#a18556}.badge.white{background:#ffffffa6;color:#729078;border:1px solid #ffffff80}.welcome-art{width:46%;position:relative;min-height:270px}.art-circle{position:absolute;width:290px;height:290px;border-radius:50%;background:#ddebdc;left:48px;top:26px}.art-circle:after{content:"";position:absolute;inset:28px;border:1px dashed #c0d6bd;border-radius:50%}.plant{left:145px;top:82px;width:110px;height:160px}.plant,.plant>span{position:absolute;transform:rotate(-5deg)}.plant>span{width:7px;height:137px;background:#789b73;left:48px;top:22px;border-radius:5px}.plant>i{position:absolute;width:60px;height:39px;border-radius:70% 0 70% 0;background:#96b28a;left:0;top:40px;transform:rotate(15deg);z-index:1}.plant>i:nth-child(2){left:48px;top:20px;background:#7eaa83;transform:rotate(90deg)}.plant>i:nth-child(3){top:93px;left:5px;transform:rotate(25deg);background:#b3c6a0}.plant>i:nth-child(4){left:47px;top:80px;transform:rotate(85deg);background:#8ab38c}.art-card{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid #fff;border-radius:13px;background:#fffffff2;box-shadow:0 8px 20px #63796012;padding:11px 14px;z-index:2}.art-card span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.art-card b{font-size:13px;display:block}.art-card small{font-size:11px;color:#a2aea3}.card-learn{top:43px;right:5px;transform:rotate(4deg)}.card-learn>span{background:#f0ecf6;color:#9d8ab5}.card-grow{bottom:34px;left:11px;transform:rotate(-5deg)}.card-grow>span{background:#eef4e7;color:#829c6e}.art-star{position:absolute;color:#bcad77;z-index:2}.st1{left:47px;top:32px}.st1,.st2{font-size:35px}.st2{right:19px;bottom:48px}.art-path{position:absolute;bottom:24px;left:137px;display:flex;gap:7px;transform:rotate(6deg)}.art-path i{width:14px;height:14px;border-radius:4px;background:#c0d3b7}.art-path i:nth-child(2){background:#95b18b}.art-path i:nth-child(3){background:#698f6b}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:25px}.stat{display:flex;gap:14px;border:1px solid var(--line);border-radius:13px;padding:18px 17px;background:white}.stat-icon{width:44px;height:44px;border-radius:12px;display:inline-flex;justify-content:center;align-items:center;flex-shrink:0}.mint{background:#e7f3ec;color:#579979}.lavender{background:#f0edf7;color:#9887af}.peach{background:#fbefe7;color:#c09174}.yellow{background:#f9f4e2;color:#baa15b}.stat small{color:#7d9082;font-size:12px}.stat strong{display:block;font-size:28px;line-height:1.65;color:#3c5745}.stat p{color:#9ba69c;font-size:11px;white-space:normal}.overview-grid{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:22px;margin-bottom:23px}.panel{border:1px solid var(--line);border-radius:15px;background:white;overflow:hidden}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:21px 23px 17px}.section-head h2{font-size:16px;color:#3f5748}.section-head p{font-size:12px;color:#a0aca1;margin-top:3px}.text-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:0;color:#60937a;font-size:12px;padding:3px 0;white-space:nowrap}.text-btn:hover{color:#1b7257}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:right;white-space:nowrap}th{font-weight:400;color:#a2afa7;font-size:12px;background:#fafcfb;padding:11px 22px;border-top:1px solid #f0f4f1}td,th{border-bottom:1px solid #f0f4f1}td{font-size:13px;color:#6d8373;padding:13px 22px}tr:last-child td{border-bottom:0}td b{font-size:13px;font-weight:700;color:#4f6856}.person-link{display:flex;align-items:center;gap:10px;text-align:right;border:0;background:none;padding:0}.person-link small{display:block;color:#a4afa8;font-size:11px;text-align:right;letter-spacing:.4px}.person-link:hover b{color:var(--green)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;font-size:12px;font-weight:700;overflow:hidden;flex-shrink:0;letter-spacing:-.5px}.avatar img{width:100%;height:100%;object-fit:cover}.av0{background:#e2efe4;color:#72977b}.av1{background:#f0e9f1;color:#a485a1}.av2{background:#f1e9dd;color:#bba17b}.av3{background:#e4ebf0;color:#89a0af}.avatar.big{height:75px;width:75px;border-radius:24px;font-size:22px;border:4px solid white;box-shadow:0 5px 16px #1c392711}.panel-footer{border-top:1px solid #f1f4f1;color:#a3afa6;font-size:11px;padding:12px 22px;display:flex;align-items:center;justify-content:space-between}.panel-footer svg{color:#bfcaad}.small-icon{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border-radius:9px;background:#f2f6f0;color:#9cb09c}.timeline{padding:0 21px 4px}.timeline-row{width:100%;display:flex;align-items:flex-start;text-align:right;gap:12px;background:none;border:0;padding:10px 0;position:relative}.timeline-row:after{content:"";position:absolute;width:1px;right:17px;top:47px;bottom:-4px;background:#edf2ed}.timeline-row:last-child:after{display:none}.timeline-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;flex-shrink:0;background:#eef4e9;color:#91aa77}.ti1{background:#f4eef7;color:#ad8ebb}.ti2{background:#f7f2e8;color:#bda075}.ti3{background:#eaf2ed;color:#8ca895}.timeline-row b{font-size:13px;display:block;color:#55725b}.timeline-row p{font-size:12px;color:#98a59a}.timeline-row small{font-size:11px;color:#abb7ae}.timeline-row>svg{margin-right:auto;margin-top:8px;color:#c0cabe}.timeline-all{padding:13px;width:100%;background:#fbfdfb;color:#71967b;border:0;border-top:1px solid var(--line);font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px}.overview-bottom{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:22px}.mini-games{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding:9px 22px 25px}.mini-games>button{border:1px solid #eaf0ea;background:#fcfdfc;border-radius:12px;padding:17px 13px;display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:12px;position:relative}.mini-games>button:hover{background:#f3f8f2;transform:translateY(-2px)}.game-icon{width:43px;height:43px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}.mini-games b{font-size:13px;color:#56715d;display:block}.mini-games small{font-size:11px;color:#a1ada3}.mini-games>button>svg{position:absolute;left:12px;bottom:27px;color:#abbcb0}.progress-card{background:#eff3e9;border:1px solid #e6ecdd;border-radius:15px;padding:20px 23px;position:relative}.progress-card>.small-icon{position:absolute;left:22px;top:20px;background:#e2ead8;color:#96ad80}.progress-card h3{color:#6c815a;font-size:15px;padding-left:30px}.progress-card p{font-size:12px;color:#9ba990;margin-top:6px}.progress-number{font-size:31px;color:#728b60;line-height:1.7;margin-top:6px}.progress-number small{font-size:17px;margin-right:5px}.progress-track{height:5px;border-radius:5px;background:#dde6d3;margin:7px 0 8px}.progress-track>span{display:block;border-radius:5px;background:#a1b18b;height:100%}.progress-card>small{font-size:11px;color:#97a588}.progress-card .text-btn{display:flex;margin-top:10px;color:#81996d}footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:27px 0 22px;margin-top:18px;border-top:1px solid var(--line);color:#abb6ae}footer .logo{opacity:.7;gap:8px}footer .logo-icon{width:27px;height:29px;border-radius:8px}footer .logo-icon svg{width:16px}footer .logo-icon span{width:3px;height:3px;bottom:4px}footer .logo strong{font-size:20px}footer .logo small{display:none}footer>span{font-size:12px}footer>small{font-size:11px}.button{border:1px solid transparent;display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:9px;padding:9px 15px;min-height:42px;font-size:14px;font-weight:700}.button.primary{background:#247d69;color:white;border-color:#247d69}.button.primary:hover:not(:disabled){background:#18634f;box-shadow:0 4px 14px #237b6420}.button.secondary{background:#fff;border-color:#e2eae4;color:#648573}.button.secondary:hover{background:#f3f8f4}.button.full{width:100%}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;padding:38px 20px;color:#abb9ad}.empty p{font-size:14px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;gap:12px}.tabs button{border:0;background:none;color:#4c7960;font-size:14px;padding:8px 0}.tabs button span{background:#eaf4ed;padding:1px 7px;border-radius:6px;margin-right:7px;font-size:12px}.toolbar-actions{display:flex;gap:12px}.toolbar-actions .button{font-size:12px;min-height:35px;padding:6px 12px}.filter{display:flex;align-items:center;gap:7px;border:1px solid #e4ebe5;border-radius:8px;color:#83998a;padding:4px 10px;font-size:12px}.filter select{border:0;background:transparent;color:#698372;max-width:170px}.teacher-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.teacher-card{text-align:center;position:relative;padding-bottom:23px}.teacher-cover{height:95px;background:#eaf2e9;position:relative;overflow:hidden}.teacher-cover:after,.teacher-cover:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff91;border-radius:50%;left:-20px;top:-90px}.teacher-cover:after{width:130px;height:130px;left:0;top:-65px}.teacher-cover>span{position:absolute;right:22px;top:15px;font-size:27px;color:#c4d5be}.teacher-cover .icon-btn{position:absolute;left:14px;top:11px;background:#ffffff60}.cover1{background:#f1edf6}.cover2{background:#f7eee6}.cover3{background:#eaf0f5}.teacher-card>.avatar{margin-top:-35px;position:relative;margin-bottom:10px}.teacher-card h2{font-size:17px}.teacher-card>p{font-size:13px;color:#90a093;margin:4px 0 11px}.teacher-count{display:flex;justify-content:center;gap:0;margin:22px 20px}.teacher-count>span{display:flex;flex-direction:column;font-size:12px;color:#9aaa9d;width:50%}.teacher-count>span+span{border-right:1px solid var(--line)}.teacher-count strong{font-size:21px;color:#5a7a60}.teacher-card>.button{width:calc(100% - 42px);font-size:13px}.class-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.class-card{padding:24px}.class-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.class-card h2{font-size:18px}.class-card>p{font-size:14px;color:#8e9f92;margin:6px 0 15px}.class-details{display:flex;align-items:center;gap:20px;font-size:12px;color:#9baa9e}.class-details>span{display:flex;align-items:center;gap:5px}.class-details b{font-weight:400;font-size:11px}.class-students{display:flex;align-items:center;margin:25px 0;min-height:38px}.class-students .avatar{border:2px solid #fff;margin-left:-5px;border-radius:50%}.class-students>span:not(.avatar){margin-right:15px;color:#92a393;font-size:12px}.class-students small{color:#92a393}.class-card .button{font-size:12px}.cell-sub{display:block;color:#a1afa5;font-size:11px}.score{background:#eff5ec;padding:3px 9px;border-radius:6px;color:#6b8f5e;font-weight:700;display:inline-block}.score small{font-weight:400;color:#a3b298}.note-cell{white-space:normal;min-width:150px;max-width:240px;font-size:12px}.play-intro{display:flex;align-items:center;gap:19px;background:#fff8e9;border:1px solid #f3e8ca;border-radius:14px;padding:22px 25px;margin-bottom:25px}.play-intro h2{font-size:17px;color:#8d7b52}.play-intro p{font-size:13px;color:#a4987a;margin-top:4px}.competition-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.competition-card{border:1px solid #e4ebe3;border-radius:18px;overflow:hidden}.competition-art{height:180px;display:flex;align-items:center;justify-content:center;position:relative}.competition-art:before{content:"";position:absolute;width:118px;height:118px;background:#ffffff55;border-radius:50%}.competition-art>svg{z-index:1}.competition-art>span{position:absolute;left:40px;top:30px;font-size:27px;opacity:.5}.competition-art>i{position:absolute;right:35px;bottom:24px;font-size:30px;opacity:.5;font-style:normal}.competition-content{padding:22px;background:#ffffffa0}.competition-content h2{margin-top:13px;font-size:21px}.competition-content>p{font-size:13px;opacity:.75;margin-top:5px}.game-details{display:flex;gap:20px;margin:18px 0 20px;font-size:12px;opacity:.8}.game-details span{display:flex;align-items:center;gap:6px}.competition-content .button{font-size:13px}.competition-note{display:flex;align-items:flex-start;gap:16px;padding:24px 27px;margin-top:25px;color:#879b8d}.competition-note h3{font-size:14px;color:#647d6c}.competition-note p{font-size:13px;margin-top:7px;line-height:2}.workspace-select{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:8px 0 22px}.workspace-select>label{display:flex;gap:15px;align-items:center;color:#698571;font-size:14px}.workspace-select select{background:#fff;border:1px solid #dce8df;border-radius:9px;padding:8px 15px;color:#3d7154;min-width:210px}.workspace-select>span{display:flex;align-items:center;gap:7px;color:#a1afa6;font-size:12px}.teacher-banner{padding:25px 30px;background:#eaf3ed;border:1px solid #dcece0;border-radius:18px;display:flex;align-items:center;gap:20px;margin-bottom:24px}.teacher-banner h2{font-size:25px;line-height:1.8;margin-top:6px;color:#396a4e}.teacher-banner h2 span{margin-right:10px;color:#b8a26c;font-size:22px}.teacher-banner p{color:#82a18b;font-size:13px}.workspace-numbers{margin-right:auto;display:flex;gap:35px;padding:0 15px}.workspace-numbers>span{font-size:13px;color:#91aa98;display:flex;align-items:center;flex-direction:column}.workspace-numbers strong{color:#557d60;font-size:27px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:22px}.workspace-activities{padding:0 21px 18px}.activity-item{display:flex;align-items:flex-start;text-align:right;gap:11px;width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:15px 0}.activity-item:last-child{border:0}.activity-item b{font-size:13px;color:#5d7a61}.activity-item p{font-size:12px;color:#a1b0a3;margin:3px 0 6px}.activity-item>svg{margin-right:auto;color:#b6c2b9;width:14px}.workspace-grades{margin-top:24px}.toast{bottom:26px;left:50%;transform:translateX(-50%);background:#254b3a;color:white;box-shadow:0 10px 40px #12362425;padding:14px 23px;border-radius:12px;gap:10px;z-index:110;max-width:90%;font-size:14px}.modal-backdrop,.toast{position:fixed;display:flex;align-items:center}.modal-backdrop{inset:0;background:#183e335c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);justify-content:center;padding:24px;z-index:100}.modal{width:560px;max-width:100%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:22px;padding:33px;box-shadow:0 25px 70px #173c332d;position:relative;outline:none}.modal.wide{width:730px}.modal-close{position:absolute;left:17px;top:18px;background:#f5f8f5;color:#8ba090}.modal h2{font-size:22px;color:#345c43;padding-left:35px}.modal-sub{font-size:13px;color:#9aab9d;margin:7px 0 24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#6e8875}.field input,.field select,.field textarea{border:1px solid #dfe9e1;background:#fbfdfb;border-radius:8px;padding:9px 11px;width:100%;color:#3d664b;min-height:41px;font-size:14px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#afbab0;font-size:12px}.full-field{grid-column:1/-1}.upload-field{border:1px dashed #cfded0;border-radius:11px;padding:16px;display:flex;align-items:center;gap:12px;color:#91ab93;flex-wrap:wrap}.upload-field b{display:block;font-size:14px}.upload-field small{font-size:11px;color:#adbdad}.upload-field input{width:100%;font-size:12px;margin-top:5px}.form-actions{display:flex;gap:12px;margin-top:27px;border-top:1px solid var(--line);padding-top:20px}.paired{display:grid;grid-template-columns:1fr 1fr;gap:12px}.preference{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f7faf6;border:1px solid #e7eee4;border-radius:12px;padding:17px;margin-bottom:15px}.preference b{font-size:14px;color:#5f7b62}.preference small{display:block;color:#9aad97;font-size:12px}.preference input{width:22px;height:22px;flex-shrink:0}.soft-note{font-size:13px;color:#8a9f8b;background:#f1f5ee;padding:14px;border-radius:10px;margin:20px 0}.student-profile-head{display:flex;align-items:center;gap:16px;margin:5px 0 24px}.student-profile-head>div small{font-size:12px;color:#a0b29f}.student-profile-head h2{padding:0;font-size:24px}.student-profile-head>div>span{font-size:12px;color:#9cb19d;display:inline-block;letter-spacing:1px}.student-profile-head>.button{margin-right:auto;margin-left:10px;padding:5px 10px;font-size:12px;min-height:33px}.profile-info{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;background:#f8fbf7;border:1px solid #edf2e9;border-radius:14px;padding:20px;margin-bottom:25px}.profile-info small{font-size:12px;color:#9caf99;display:block}.profile-info b{font-size:14px;color:#5a7959;margin-top:5px;display:block;overflow-wrap:anywhere}.profile-section{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.profile-section h3{font-size:15px;color:#5a765b}.profile-activities>div,.profile-grades>div{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.profile-activities b,.profile-grades b{display:block;font-size:14px;color:#6a8364}.profile-activities small,.profile-grades small{display:block;font-size:12px;color:#a3b09d;white-space:normal}.profile-grades strong{font-size:14px;color:#669151;margin-right:auto;flex-shrink:0}.profile-activities>div>svg{color:#91aa83}.profile-activities .badge{margin-right:auto;flex-shrink:0}.game-modal{width:610px;text-align:center}.game-title .stat-icon{width:54px;height:54px;margin-bottom:12px}.game-title h2{padding:0}.game-title p{font-size:13px;color:#a2b397;margin:4px 0 22px}.game-modal .field{text-align:right}.question-progress{display:flex;align-items:center;gap:7px;margin:26px 0 20px}.question-progress span{width:35px;height:5px;background:#ebf2e6;border-radius:6px}.question-progress span.done{background:#77a865}.question-progress small{margin-right:auto;font-size:12px;color:#93ac85}.question-title{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:24px}.question-title h3{font-size:25px;color:#416b34}.game-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-choices button{border:2px solid #edf2e9;background:#fbfdf9;border-radius:17px;min-height:133px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.game-choices button:hover:not(:disabled){border-color:#b3cba6;background:#f2f7ed}.game-choices button.correct{background:#edf8e7;border-color:#86b86d}.game-choices button.retry{border-color:#d7bf80;background:#fff9e8}.game-choices button:disabled{opacity:1}.color-ball{height:52px;width:52px;border-radius:50%;box-shadow:inset 0 -4px 0 #00000010}.game-choices b{font-size:14px;color:#557e44}.shape-symbol{font-family:Arial,sans-serif;font-size:68px;line-height:1.2;color:#8b79b5}.number-symbol{font-size:37px;color:#a18454}.game-feedback{margin:23px 0;color:#8ca678;font-size:14px;min-height:30px}.count-stars{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin:0 0 25px}.celebrate{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;margin:30px auto 16px;background:#f4f3de;color:#baa85b;font-size:60px}.game-complete h3{font-size:24px;color:#527a42}.game-complete p{font-size:14px;line-height:2;color:#92a884;margin:13px 0 25px}.game-complete .button{margin-top:13px}.game-complete>small{color:#a5b597;font-size:12px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.mobile-shade{display:none}.large-text{font-size:17px}.large-text .badge,.large-text .button,.large-text .field,.large-text .page-title p,.large-text .person-link small,.large-text .section-head p,.large-text .timeline-row b,.large-text .timeline-row p,.large-text nav button,.large-text td,.large-text td b,.large-text th{font-size:14px}.large-text .stat p{white-space:normal;font-size:14px}.large-text .welcome p{font-size:14px}.high-contrast{--muted:#394b3d;--line:#adbbab;--text:#18321d;--bg:#f3f6f1}.high-contrast .breadcrumb,.high-contrast .demo-strip,.high-contrast .side-label,.high-contrast p,.high-contrast small,.high-contrast td,.high-contrast th{color:#37523c!important}.high-contrast .badge{color:#294b32}.high-contrast .panel{border-color:#b6c9b4}.high-contrast .text-btn{color:#215f34}.high-contrast .progress-card,.high-contrast .welcome{border-color:#9db096}@media(min-width:1500px){main{padding-right:48px;padding-left:48px}.welcome{min-height:290px}.welcome-copy{padding:29px 40px}.welcome-art{width:50%}.art-circle{left:110px}.plant{left:210px}.card-learn{right:55px;top:50px}.card-grow{left:60px;bottom:32px}.art-path{left:210px}.st1{left:99px}.st2{right:80px}.stats{gap:21px}.stat{padding:23px}.overview-bottom,.overview-grid{gap:25px}.student-panel td{padding-top:16px;padding-bottom:16px}.section-head{padding-top:24px;padding-bottom:20px}.timeline-row{padding-top:13px;padding-bottom:13px}.mini-games>button{padding:20px}}@media(max-width:1200px){.sidebar{width:218px;padding-left:15px;padding-right:15px}.main-shell{margin-right:218px;width:calc(100% - 218px)}nav button{font-size:14px;gap:10px;padding:12px 9px}nav button.active:before{right:-15px}main{padding:25px 24px 0}.topbar{padding:0 24px}.stats{gap:12px}.stat{padding:15px 12px;gap:9px}.stat-icon{width:38px;height:38px;border-radius:10px}.stat p,.stat small{font-size:11px}.welcome-art{width:45%}.art-circle{left:15px;width:240px;height:240px;top:38px}.plant{left:100px}.card-learn{right:-12px;top:47px}.card-grow{left:-5px}.st1{left:5px}.st2{right:8px}.overview-bottom,.overview-grid{gap:17px;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}td,th{padding-left:15px;padding-right:15px}.student-panel td{font-size:12px}.class-grid,.teacher-grid{grid-template-columns:repeat(2,1fr)}.competition-grid{gap:16px}.competition-content{padding:17px}.workspace-grid{grid-template-columns:1fr}.mini-games{gap:9px;padding-right:15px;padding-left:15px}.mini-games>button{padding:14px 9px}.mini-games>button>svg{left:7px;bottom:22px}.mini-games small{font-size:11px}.page-title h1{font-size:23px}}@media(max-width:980px){.stats{grid-template-columns:repeat(2,1fr)}.stat p{font-size:12px}.stat small{font-size:13px}.stat{padding:19px}.overview-grid{grid-template-columns:1fr}.overview-bottom{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr)}.global-search input{width:120px}.page-title{align-items:flex-start}.date-chip{font-size:11px;padding:7px}.welcome-copy{padding:23px}.welcome h2{font-size:27px}.welcome-art{width:43%}.art-card{padding:10px;font-size:12px}.art-card small{font-size:11px}.art-card b{font-size:12px}.art-circle{left:-20px}.plant{left:50px}.card-learn{right:-23px;top:35px}.card-grow{left:-13px;bottom:37px}.card-grow span{display:none}.art-path{left:45px}.st1{left:0;top:15px}.st2{right:0;bottom:64px}.competition-grid{grid-template-columns:1fr}.competition-card{display:grid;grid-template-columns:180px 1fr}.competition-art{height:100%}.competition-content{padding:23px}.competition-content h2{font-size:20px}.competition-content .button{max-width:240px}.competition-note{padding:20px}.workspace-numbers{gap:20px;padding:0}.teacher-banner{padding:22px;gap:15px}.teacher-banner h2{font-size:22px}.workspace-select>span{display:none}.list-toolbar{padding:17px;flex-wrap:wrap}.progress-card{padding:18px}.progress-card h3{font-size:14px}.progress-card .small-icon{width:25px;height:25px;left:15px;top:17px}.mini-games{grid-template-columns:1fr;gap:9px;padding-bottom:17px}.mini-games>button{flex-direction:row;padding:12px;gap:12px;align-items:center}.mini-games>button>svg{position:static;margin-right:auto}.mini-games small{font-size:11px}.game-icon{width:36px;height:36px}footer>span{display:none}}@media(max-width:760px){.sidebar{transform:translateX(100%);width:245px;transition:transform .2s;z-index:80}.sidebar.is-open{transform:translateX(0)}.main-shell{margin-right:0;width:100%}.mobile-shade{display:block;position:fixed;inset:0;background:#183e3359;border:0;z-index:70}.menu-toggle{display:flex}.topbar{height:68px;padding:0 18px}.breadcrumb{gap:7px;font-size:12px}.breadcrumb>span{display:none}.top-actions{gap:9px}.global-search{border:0;padding-left:0;gap:5px}.global-search input{width:90px;font-size:12px}.notification{width:30px}.top-avatar{height:29px;width:29px}main{padding:24px 18px 0}.page-title{gap:15px;margin-bottom:17px}.page-title h1{font-size:22px}.page-title p{font-size:12px;max-width:370px}.eyebrow{font-size:11px}.page-actions .date-chip{display:none}.page-actions>.button{font-size:12px;padding:7px 11px;min-height:37px;white-space:nowrap;margin-top:14px}.demo-strip{font-size:11px;align-items:flex-start;padding:8px 10px}.demo-strip small{white-space:nowrap;font-size:11px}.welcome{min-height:260px}.welcome-copy{padding:24px}.welcome h2{font-size:29px}.welcome-art{width:45%}.card-learn{right:0}.card-grow{left:0}.art-circle{left:10px}.plant{left:95px}.art-path{left:80px}.stats{gap:12px;margin-bottom:20px}.stat{padding:16px;gap:12px}.overview-bottom,.overview-grid{gap:18px}.overview-bottom{grid-template-columns:1fr}.mini-games{grid-template-columns:repeat(3,1fr)}.mini-games>button{flex-direction:column;align-items:flex-start;padding:15px;gap:12px}.mini-games>button>svg{position:absolute;left:12px;bottom:28px}.progress-card{padding:22px}.progress-card h3{font-size:15px}.progress-card p{font-size:13px}.progress-card>.small-icon{left:22px;top:20px}.progress-number{font-size:35px}.progress-card>small{font-size:12px}.class-grid,.teacher-grid{gap:17px}.teacher-card>p{padding:0 8px}.teacher-banner{flex-wrap:wrap}.teacher-banner>.avatar{width:63px;height:63px;font-size:20px}.workspace-numbers{gap:30px;margin-right:auto}.workspace-numbers strong{font-size:23px}.teacher-banner h2{font-size:22px}.workspace-grades .section-head{align-items:flex-start}.workspace-grades .button{font-size:12px;min-height:34px;padding:6px 9px}.notification-panel{left:15px;top:60px}.toolbar-actions{gap:8px}.modal{padding:27px 23px}.modal-backdrop{padding:16px}.profile-info{grid-template-columns:repeat(2,1fr)}.modal h2{font-size:20px}.student-profile-head{gap:13px;flex-wrap:wrap}.student-profile-head>.button{margin-left:0}.student-profile-head .avatar.big{width:65px;height:65px}.student-profile-head h2{font-size:21px}}@media(max-width:480px){main{padding:21px 14px 0}.topbar{padding:0 12px}.global-search input{width:83px}.page-title{gap:7px}.page-title h1{font-size:20px}.page-title p{font-size:11px}.title-leaf{font-size:16px;margin-right:7px}.page-actions .button{padding:6px 8px;font-size:11px;gap:4px}.welcome{min-height:253px}.welcome-copy{padding:23px 20px;width:62%;flex:none}.welcome h2{font-size:27px}.welcome p{font-size:12px}.welcome-copy .badge{font-size:11px;padding:3px 6px}.welcome-art{width:38%;min-height:253px}.art-circle{width:180px;height:180px;left:-55px;top:64px}.plant{left:4px;top:75px;transform:scale(.75) rotate(-5deg)}.card-learn{right:-10px;top:35px;padding:7px;gap:6px;transform:rotate(7deg)}.card-learn>span{height:27px;width:27px;border-radius:7px}.card-learn>span svg{width:18px}.card-learn b{font-size:11px}.card-learn small{font-size:7px}.card-grow{bottom:16px;left:-4px;transform:rotate(-3deg);padding:7px}.card-grow b{font-size:11px}.card-grow small{font-size:7px}.st1{font-size:20px;top:15px;left:8px}.st2{display:none}.art-path{left:20px;bottom:22px}.art-path i{width:8px;height:8px}.stats{gap:10px}.stat{padding:13px;gap:9px}.stat-icon{width:35px;height:35px}.stat-icon svg{width:19px}.stat small{font-size:11px}.stat strong{font-size:25px}.stat p{font-size:11px;white-space:normal}.section-head{padding:18px 17px 15px}.section-head h2{font-size:14px}.section-head p,.text-btn{font-size:11px}td,th{padding-right:16px;padding-left:16px}.student-panel table{min-width:530px}.mini-games{gap:8px;padding:4px 14px 19px}.mini-games>button{padding:13px 9px}.mini-games>button>svg{display:none}.mini-games b{font-size:12px}.mini-games small{font-size:11px}.game-icon{width:33px;height:33px;border-radius:9px}.game-icon svg{width:21px}.demo-strip small{display:none}.class-grid,.teacher-grid{grid-template-columns:1fr}.teacher-card h2{font-size:20px}.teacher-card p{font-size:14px}.teacher-cover{height:115px}.teacher-count strong{font-size:25px}.teacher-count span{font-size:14px}.teacher-grid .badge{font-size:13px}.class-card .button,.class-details{font-size:14px}.toolbar-actions{width:100%;justify-content:space-between}.filter{flex:1 1}.filter select{max-width:130px;min-width:0;flex:1 1;font-size:13px}.list-toolbar{padding:14px}.panel-footer{padding:12px 15px;font-size:11px}.panel-footer>span{display:none}.play-intro{padding:18px;gap:12px;align-items:flex-start}.play-intro h2{font-size:14px}.play-intro p{font-size:12px}.competition-card{display:block}.competition-art{height:155px}.competition-content{padding:22px}.competition-content .button{max-width:none}.competition-note{padding:18px}.competition-note p{font-size:12px}.workspace-select>label{width:100%;justify-content:space-between;gap:7px;font-size:12px}.workspace-select select{min-width:180px;font-size:14px}.teacher-banner{padding:19px;gap:12px}.teacher-banner h2{font-size:20px}.teacher-banner p{font-size:11px}.workspace-numbers{border-top:1px solid #d5e4d5;width:100%;justify-content:space-around;padding-top:12px;margin-top:5px}.workspace-numbers span{flex-direction:row;gap:10px}.workspace-numbers strong{font-size:21px}.modal{padding:25px 19px;border-radius:17px}.modal-backdrop{padding:12px}.form-grid{gap:14px}.field{font-size:12px}.field input,.field select{font-size:13px;padding:9px;min-height:41px}.upload-field{padding:12px}.modal h2{font-size:19px}.modal-sub{font-size:12px;padding-left:20px}.form-actions .button{font-size:13px}.profile-info{padding:16px;gap:14px}.profile-info b{font-size:13px}.student-profile-head>div{flex:1 1}.student-profile-head>.button{font-size:11px;margin-right:0}.student-profile-head>.avatar.big{width:58px;height:58px;font-size:16px}.student-profile-head h2{font-size:19px}.profile-activities .badge,.profile-activities small,.profile-grades small{font-size:11px}.profile-activities b{font-size:13px}.profile-section h3{font-size:14px}.game-choices{gap:10px}.game-choices button{min-height:120px;border-radius:12px}.game-choices b{font-size:14px}.color-ball{height:43px;width:43px}.question-title h3{font-size:22px}.game-feedback{font-size:14px}.game-modal .game-title h2{font-size:21px}.count-stars{gap:10px}.count-stars svg{width:35px}.modal.game-modal{padding:25px 20px}.game-complete h3{font-size:21px}.game-complete p{font-size:14px}footer{padding-bottom:19px}footer>small{font-size:11px}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{.demo-strip,.modal-backdrop,.page-actions,.sidebar,.toast,.topbar,footer{display:none}.main-shell{width:100%;margin:0}main{padding:0}.panel{border:1px solid #aaa}.button,.icon-btn{display:none}}.learning-site{--ink:#343a54;--soft-ink:#74798b;--teal:#248878;--lilac:#8e78bb;background:#fffcf7;color:var(--ink);min-height:100vh}.learning-site .skip-link{position:fixed;top:-80px;right:20px;background:#248878;color:white;padding:12px 20px;z-index:200;border-radius:10px}.learning-site .skip-link:focus{top:12px}.site-header{border-bottom:1px solid #efeee7;background:#fffcf7f5;position:sticky;top:0;z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header-inner{max-width:1336px;margin:auto;padding:18px 35px;display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:98px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{width:47px;height:49px;border-radius:17px 17px 17px 6px;background:#299581;display:grid;place-items:center;color:#fff;box-shadow:0 4px 0 #1f756622;transform:rotate(-3deg)}.brand b{font-size:35px;line-height:1.35;letter-spacing:-1px;display:block;color:#376252}.brand b>span{color:#c8a778}.brand small{display:block;color:#959787;font-size:11px;line-height:1.4;letter-spacing:.3px}.site-nav{display:flex;flex-direction:row;align-items:center;gap:29px;padding:0}.site-nav a{font-size:13px;color:#808274;transition:color .15s;white-space:nowrap}.site-nav a:first-child{color:#36917a;font-weight:700}.site-nav a:hover{color:#299581}.site-header-actions{display:flex;align-items:center;gap:17px}.access-button{border:0;background:#f5f3e9;color:#959780;border-radius:12px;width:37px;height:37px;display:grid;place-items:center}.teacher-entry{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #dfe6d9;padding:9px 14px;border-radius:10px;color:#63917c;font-size:12px;font-weight:700;white-space:nowrap}.teacher-entry:hover{background:#f0f6eb}.menu-button{display:none;border:0;background:none;color:#59816c}.landing-main{max-width:1336px;padding:0 35px;margin:0 auto}.learning-hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:30px;min-height:535px;padding:60px 0 55px;scroll-margin-top:110px}.hero-text{position:relative;z-index:2;padding-right:5px}.hero-pill{display:inline-flex;align-items:center;gap:9px;background:#f3efdf;border:1px solid #ece7d7;border-radius:30px;font-size:12px;color:#a28d5c;padding:6px 13px}.hero-pill>span{font-size:17px;color:#b9a474}.hero-text h1{font-size:51px;line-height:1.55;letter-spacing:-1.4px;color:#3e5f4e;margin:18px 0 19px}.hero-text h1 em{color:#9681bc;font-style:normal}.hero-text p{font-size:14px;line-height:2.15;color:#8b9388;max-width:490px}.hero-text p b{font-weight:700;color:#5d8a72}.hero-buttons{display:flex;align-items:center;gap:16px;margin:29px 0 24px;flex-wrap:wrap}.cta-button{border:1px solid #298a77;background:#298a77;color:white;font-size:13px;display:inline-flex;align-items:center;gap:9px;padding:12px 19px;border-radius:12px;box-shadow:0 5px 0 #21846f14;transition:background .15s,transform .15s;min-height:49px;font-weight:700}.cta-button:hover{background:#1f7462;transform:translateY(-1px)}.cta-button>svg:last-child{margin-right:8px}.cta-secondary{border:0;background:transparent;color:#8a9880;display:inline-flex;align-items:center;gap:8px;font-size:12px;padding:9px 2px}.cta-secondary:hover{color:#397d5d}.hero-reassurance{display:flex;align-items:center;gap:19px;color:#9baa8b;font-size:11px}.hero-reassurance>span{display:flex;align-items:center;gap:6px}.hero-reassurance svg{color:#8ba976}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;min-width:0;padding:30px 0 23px}.hero-visual>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:45px 90px 40px 90px;position:relative;z-index:1;box-shadow:0 18px 60px #c5b29515}.hero-halo{position:absolute;inset:5% -1% 2%;border-radius:47% 53% 39% 55%;background:#f7eddc;border:1px solid #f2e6d1;transform:rotate(-6deg)}.hero-halo:after{content:"";position:absolute;inset:15px;border:1px dashed #ddcbb075;border-radius:47% 53% 39% 55%}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;border:1px solid #fff;border-radius:14px;background:#fffffff0;box-shadow:0 8px 26px #b9a68e20;padding:11px 16px}.floating-note>span{display:grid;place-items:center;height:32px;width:32px;border-radius:9px;background:#f2eafa;color:#b396c2}.floating-note b{font-size:12px;color:#7a8470}.floating-note small{display:block;font-size:10px;color:#b0b19c;margin-top:2px}.note-heart{right:-9px;top:18px;transform:rotate(4deg)}.note-star{left:-8px;bottom:0;transform:rotate(-4deg)}.note-star>span{background:#faf5e3;color:#c6ab6b;font-size:24px}.hero-spark{position:absolute;z-index:3;font-size:34px;color:#c6b075}.spark-one{left:2px;top:1px}.spark-two{right:20px;bottom:2px;color:#b1c5a2;font-size:37px}.learning-values{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #eceee4;background:#fff;border-radius:18px;padding:25px 29px;box-shadow:0 6px 26px #7b8a6510;margin-bottom:70px}.learning-values>div{display:flex;align-items:center;gap:15px;justify-content:center}.learning-values>div+div{border-right:1px solid #edf0e5}.value-icon{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;flex-shrink:0}.learning-values h2{font-size:15px;color:#6e8168}.learning-values p{font-size:11px;color:#a6b099;margin-top:3px}.landing-section{scroll-margin-top:124px}.landing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:30px}.section-kicker{font-size:11px;color:#98a68a;display:inline-flex;align-items:center;gap:7px;margin-bottom:9px}.section-kicker svg{color:#b0aa8a}.landing-section-head h2{font-size:29px;line-height:1.7;letter-spacing:-.7px;color:#536b4c}.landing-section-head h2>span{color:#a18aba}.landing-section-head p{font-size:12px;color:#a3ac9a;margin-top:6px}.activity-count{font-size:11px;color:#a9b497;display:inline-flex;align-items:center;gap:10px;border:1px solid #e7edde;background:#f9fbf5;border-radius:9px;padding:8px 12px;margin-bottom:5px}.learning-activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.learning-activity{border:1px solid #ebedde;border-radius:21px;overflow:hidden;background:#fff;box-shadow:0 8px 25px #84926c0a;transition:transform .18s,box-shadow .18s}.learning-activity:hover{transform:translateY(-4px);box-shadow:0 14px 36px #84926c15}.learning-activity-art{position:relative;overflow:hidden;aspect-ratio:1.5;background:#e6f5df}.learning-activity-art img{width:100%;height:100%;object-fit:cover;display:block}.activity-tag{position:absolute;top:15px;right:17px;z-index:2;background:#ffffffd9;border:1px solid #fffffff0;border-radius:20px;padding:4px 10px;font-size:10px;color:#87a67a;box-shadow:0 2px 8px #83957510}.lavender .activity-tag{color:#a083b4}.peach .activity-tag{color:#bc917a}.learning-activity-copy{padding:23px 25px 25px;background:#fff}.activity-subtitle{color:#a9bda0;font-size:10px}.lavender .activity-subtitle{color:#b9a7c6}.peach .activity-subtitle{color:#c7ad94}.learning-activity-copy h3{font-size:23px;color:#6a875e;line-height:1.7;margin:5px 0 6px}.lavender .learning-activity-copy h3{color:#9b83ad}.peach .learning-activity-copy h3{color:#b49b6a}.learning-activity-copy p{font-size:12px;color:#a5b39b;line-height:1.9;min-height:47px}.activity-meta{display:flex;align-items:center;gap:20px;color:#abb89f;font-size:10px;padding:16px 0 19px}.activity-meta>span{display:flex;align-items:center;gap:5px}.activity-start{display:flex;align-items:center;justify-content:space-between;width:100%;background:#eef6e7;color:#7c9c69;border:1px solid #e5eddc;padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700;min-height:44px}.activity-start:hover{background:#e1efd5}.lavender .activity-start{background:#f3edf7;border-color:#eee6f3;color:#a48bb4}.lavender .activity-start:hover{background:#eae0f1}.peach .activity-start{background:#faf3e4;border-color:#f4ecd7;color:#b8a070}.peach .activity-start:hover{background:#f3e8cf}.learning-note{display:flex;align-items:center;justify-content:center;gap:9px;padding:22px 8px;color:#a9b69a;font-size:11px;text-align:center}.learning-note svg{color:#a9bd8d}.journey-section{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;border:1px solid #ecebdf;border-radius:25px;background:#f8f6ed;padding:44px 49px;margin-top:47px;scroll-margin-top:125px}.journey-heading h2{font-size:29px;line-height:1.7;color:#737e58}.journey-heading h2>span{color:#a2b18b}.journey-heading p{font-size:13px;line-height:2;color:#a1aa8f;margin:14px 0}.journey-link{display:inline-flex;align-items:center;gap:11px;font-size:12px;color:#879b6e;border-bottom:1px solid #cbd5b7;padding:5px 0}.journey-steps{padding-top:3px}.journey-step{display:flex;align-items:flex-start;gap:22px;position:relative;padding-bottom:31px}.journey-step:last-child{padding-bottom:0}.journey-step:after{content:"";position:absolute;right:24px;width:1px;top:53px;bottom:5px;border-left:1px dashed #dcdcca}.journey-step:last-child:after{display:none}.step-number{flex-shrink:0;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eef0e1;color:#a6b089;font-size:19px;border:1px solid #e3e8d4}.journey-step:nth-child(2) .step-number{color:#b1a2bb;background:#f0ebf1;border-color:#e9e2ec}.journey-step:nth-child(3) .step-number{color:#c0a78c;background:#f5eee0;border-color:#eee7d7}.journey-step h3{font-size:16px;color:#7f8b66;margin:3px 0 5px}.journey-step p{font-size:12px;color:#a7ae96;line-height:1.9}.journey-step>svg{color:#b7c29f;margin-right:auto;margin-top:7px;flex-shrink:0}.journey-step:nth-child(2)>svg{color:#c0b3c8}.journey-step:nth-child(3)>svg{color:#caba9d}.about-qudrah{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:68px;padding:74px 28px 67px;scroll-margin-top:112px}.about-visual{position:relative;min-width:0;max-width:520px}.about-visual>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:27px 65px 27px 65px;box-shadow:0 15px 40px #c7a67f20}.about-quote{position:absolute;left:-20px;bottom:-21px;background:#fffffff4;border:1px solid #f1e8db;color:#baaa8a;border-radius:13px;padding:12px 21px;font-size:13px;box-shadow:0 9px 22px #bdad8c13;transform:rotate(-4deg);line-height:1.9}.about-quote b{font-weight:400;color:#9caa83}.about-copy h2{font-size:29px;line-height:1.7;color:#778867;margin:3px 0 17px}.about-copy h2>span{color:#ad99bd}.about-copy p{font-size:13px;line-height:2.15;color:#a1b092;margin-bottom:12px}.private-promise{display:flex;align-items:center;gap:11px;border-radius:10px;border:1px solid #e9eedd;background:#f6f9ee;color:#a1b18b;padding:12px 13px;font-size:11px;margin-top:21px}.private-promise svg{color:#98af7c}.teacher-invite{background:#ecf3e7;border:1px solid #e0e9d7;border-radius:20px;padding:30px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.teacher-invite-copy{display:flex;align-items:center;gap:18px}.teacher-invite-icon{background:#e0ebd7;display:grid;place-items:center;width:59px;height:59px;border-radius:17px;color:#93ad7e;flex-shrink:0}.teacher-invite h2{font-size:19px;color:#7c9367;line-height:1.8}.teacher-invite p{font-size:12px;color:#a8b89a;margin-top:5px}.teacher-invite>button{display:flex;align-items:center;gap:15px;border:1px solid #d6e1c9;border-radius:11px;background:#fff;color:#8da176;font-size:12px;padding:11px 17px;font-weight:700;white-space:nowrap}.teacher-invite>button:hover{background:#f7faf3}.site-footer{margin-top:50px;padding:27px 0 29px;border-top:1px solid #eeeee4;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .brand b{font-size:27px}.site-footer .brand-mark{width:37px;height:39px;border-radius:13px 13px 13px 5px}.site-footer .brand-mark svg{width:21px}.site-footer .brand small{font-size:9px}.site-footer>span{font-size:11px;color:#afbaa1}.site-footer>div{display:flex;align-items:center;gap:19px}.site-footer button{border:0;background:none;color:#a5b597;font-size:11px}.site-footer small{font-size:10px;color:#b6c0aa}.back-home{display:flex;align-items:center;gap:7px;border:1px solid #e9eede;background:#f6f9f1;color:#829776;padding:10px 11px;font-size:11px;border-radius:9px;margin:0 0 23px;width:100%}.sidebar .logo{margin-bottom:23px}.teacher-game-panel{margin-top:24px}.teacher-game-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 22px 23px}.teacher-game-buttons button{font-size:12px}.learning-site.large-text .about-copy p,.learning-site.large-text .hero-text p,.learning-site.large-text .journey-step p,.learning-site.large-text .learning-activity-copy p,.learning-site.large-text .learning-values p,.learning-site.large-text .site-nav a,.learning-site.large-text .teacher-invite p{font-size:17px}.learning-site.large-text .hero-text h1{font-size:55px}.learning-site.high-contrast{--ink:#283d25}.learning-site.high-contrast .activity-count,.learning-site.high-contrast .activity-meta,.learning-site.high-contrast .activity-subtitle,.learning-site.high-contrast .hero-pill,.learning-site.high-contrast .hero-reassurance,.learning-site.high-contrast .learning-note,.learning-site.high-contrast .private-promise,.learning-site.high-contrast .section-kicker,.learning-site.high-contrast .site-nav a,.learning-site.high-contrast p,.learning-site.high-contrast small{color:#3b5230!important}.learning-site.high-contrast .activity-start,.learning-site.high-contrast .teacher-entry,.learning-site.high-contrast .teacher-invite button{color:#2e5734;border-color:#8cab7c}.learning-site.high-contrast .learning-activity,.learning-site.high-contrast .learning-values{border-color:#a0b592}@media(min-width:1450px){.hero-text h1{font-size:57px}.learning-hero{min-height:565px}.hero-visual{margin-left:-14px}.learning-activity-art{aspect-ratio:1.45}.landing-section-head h2{font-size:31px}}@media(max-width:1100px){.site-header-inner{gap:20px;padding:17px 28px}.site-nav{gap:20px}.site-nav a{font-size:12px}.site-header-actions{gap:12px}.teacher-entry{font-size:11px;padding:8px 11px}.site-header-actions .access-button{width:31px;height:31px}.brand b{font-size:31px}.brand-mark{width:43px;height:45px}.landing-main{padding:0 28px}.learning-hero{gap:24px;padding:45px 0;min-height:490px}.hero-text h1{font-size:43px}.hero-text p{font-size:12px;line-height:2.1}.hero-pill{font-size:11px}.hero-buttons{gap:13px;margin-top:23px}.cta-button{font-size:11px;padding:11px 15px;gap:7px}.cta-secondary{font-size:11px;gap:6px}.hero-reassurance{font-size:10px;gap:12px}.hero-visual>img{border-radius:33px 60px 33px 60px}.floating-note{padding:8px 11px;gap:7px}.floating-note b{font-size:10px}.floating-note small{font-size:9px}.note-star{bottom:15px}.note-heart{top:37px}.learning-values{padding:23px 20px;margin-bottom:58px}.learning-values>div{gap:11px}.value-icon{width:41px;height:41px}.learning-values h2{font-size:13px}.learning-values p{font-size:10px}.learning-activity-grid{gap:19px}.learning-activity-copy{padding:20px}.learning-activity-copy h3{font-size:21px}.learning-activity-copy p{font-size:11px}.activity-meta{gap:13px;font-size:9px}.activity-subtitle{font-size:9px}.journey-section{gap:40px;padding:38px}.about-qudrah{gap:45px;padding:64px 12px 59px}.about-copy p{font-size:12px}.teacher-invite{padding:25px}.teacher-invite h2{font-size:16px}.teacher-invite p{font-size:11px}.teacher-invite>button{font-size:11px;padding:10px 13px}.teacher-invite-copy{gap:14px}.teacher-invite-icon{height:50px;width:50px}.teacher-invite-icon svg{width:28px}}@media(max-width:850px){.site-header-inner{padding:16px 22px;min-height:85px;gap:18px}.site-nav{gap:15px}.site-nav a{font-size:11px}.site-header-actions .access-button{display:none}.site-header-actions{gap:6px}.teacher-entry>svg:last-child{display:none}.teacher-entry{font-size:10px;padding:8px 10px}.brand{gap:8px}.brand b{font-size:28px}.brand small{font-size:9px}.brand-mark{width:36px;height:39px;border-radius:13px 13px 13px 5px}.brand-mark svg{width:22px}.landing-main{padding:0 23px}.learning-hero{min-height:440px;padding:38px 0;gap:20px;grid-template-columns:1fr 1.08fr}.hero-text h1{font-size:35px;margin:17px 0}.hero-text p{font-size:11px}.desktop-break{display:none}.hero-pill{font-size:10px;padding:5px 10px}.hero-pill>span{font-size:15px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:12px;margin:22px 0 15px}.cta-button{font-size:11px;min-height:44px}.cta-secondary{font-size:10px}.hero-reassurance{flex-wrap:wrap;gap:7px}.hero-visual>img{border-radius:27px 50px 27px 50px}.note-heart{right:-5px;top:35px}.note-star{left:-5px;bottom:30px}.floating-note b{font-size:9px}.floating-note>span{height:27px;width:27px}.floating-note>span svg{width:17px}.floating-note small{font-size:8px}.hero-spark{font-size:25px}.spark-one{top:18px}.spark-two{bottom:12px}.learning-values{gap:12px;padding:20px 14px;margin-bottom:48px}.learning-values>div{gap:8px}.value-icon{width:34px;height:36px;border-radius:11px}.value-icon svg{width:20px}.learning-values h2{font-size:11px}.learning-values p{font-size:9px}.landing-section-head h2{font-size:26px}.landing-section-head p{font-size:11px}.activity-count{font-size:10px;gap:7px}.learning-activity-grid{gap:14px}.learning-activity-art{aspect-ratio:1.3}.learning-activity-art img{object-fit:contain}.learning-activity-copy{padding:17px 15px}.learning-activity-copy h3{font-size:19px}.learning-activity-copy p{font-size:10px;min-height:57px}.activity-meta{flex-wrap:wrap;gap:8px;font-size:9px}.activity-start{font-size:11px;padding:9px 12px}.activity-tag{font-size:9px;top:10px;right:10px;padding:3px 8px}.learning-note{font-size:10px}.journey-section{gap:30px;padding:31px;grid-template-columns:1fr 1.4fr;margin-top:32px}.journey-heading h2{font-size:25px}.journey-heading p{font-size:11px}.journey-step{gap:14px;padding-bottom:24px}.journey-step h3{font-size:14px}.journey-step p{font-size:11px}.step-number{width:41px;height:43px;font-size:17px}.journey-step:after{right:20px;top:48px}.journey-step>svg{display:none}.about-qudrah{gap:33px;padding:55px 7px}.about-copy h2{font-size:25px}.about-copy p{font-size:11px}.private-promise{font-size:10px;padding:10px}.about-quote{padding:10px 15px;font-size:11px;left:-8px}.teacher-invite{flex-wrap:wrap;gap:18px}.teacher-invite>button{margin-right:64px}.teacher-invite h2{font-size:17px}.site-footer>span{font-size:10px}.site-footer>div{gap:12px}.site-footer button,.site-footer small{font-size:9px}}@media(max-width:650px){.site-header-inner{padding:14px 19px;min-height:78px}.site-header{position:sticky}.site-nav{position:absolute;top:77px;right:0;left:0;background:#fffcf7;border-bottom:1px solid #e9e8da;box-shadow:0 9px 22px #7d815b13;padding:16px 23px;display:none;flex-direction:column;align-items:flex-start;gap:17px}.site-nav.open{display:flex}.site-nav a{font-size:14px}.site-header-actions{gap:11px}.site-header-actions .access-button{display:grid;width:31px;height:31px;border-radius:9px}.menu-button{display:grid;place-items:center;width:26px;height:31px}.teacher-entry{font-size:11px;padding:7px 10px;gap:6px}.teacher-entry>svg{width:17px}.landing-main{padding:0 20px}.learning-hero{grid-template-columns:1fr;gap:8px;padding:30px 0 28px;min-height:0;text-align:center}.hero-text{padding:0}.hero-pill{font-size:11px;padding:5px 12px}.hero-text h1{font-size:40px;margin:15px 0 14px;line-height:1.55}.hero-text p{font-size:12px;max-width:470px;margin:auto;line-height:2}.hero-buttons{flex-direction:row;justify-content:center;align-items:center;gap:17px;margin:21px 0 15px}.cta-button{font-size:12px;min-height:46px;padding:11px 15px}.cta-secondary{font-size:11px}.hero-reassurance{justify-content:center;font-size:10px;gap:16px}.hero-visual{min-height:0;margin:22px 0 8px;padding:18px 3px}.hero-visual>img{border-radius:25px 50px 25px 50px;aspect-ratio:16/9}.hero-halo{inset:5px 3% -1%;border-radius:30px 70px 30px 70px}.note-heart{top:2px;right:0;padding:7px 11px;transform:rotate(3deg)}.note-star{bottom:0;left:-2px;padding:7px 11px}.floating-note b{font-size:10px}.floating-note small{font-size:9px}.spark-one{top:-9px;left:30px;font-size:27px}.spark-two{bottom:-7px;right:22px;font-size:29px}.learning-values{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 22px;padding:21px 15px;margin-bottom:46px;border-radius:16px}.learning-values>div{gap:10px;flex:1 1 45%;justify-content:flex-start;padding-right:7px}.learning-values>div+div{border:0}.learning-values>div:last-child{justify-content:center;flex-basis:100%;padding-top:16px;border-top:1px solid #f0f2e9}.learning-values h2{font-size:12px}.learning-values p{font-size:10px}.value-icon{width:38px;height:39px}.landing-section-head{margin-bottom:24px;align-items:flex-start;gap:12px}.section-kicker{font-size:10px}.landing-section-head h2{font-size:26px}.landing-section-head p{font-size:11px;max-width:310px;line-height:1.9}.activity-count{display:none}.learning-activity-grid{grid-template-columns:1fr;gap:23px}.learning-activity{border-radius:19px}.learning-activity-art{aspect-ratio:1.65}.learning-activity-art img{object-fit:contain}.learning-activity-copy{padding:22px 25px}.learning-activity-copy h3{font-size:25px}.learning-activity-copy p{font-size:13px;min-height:0;line-height:2}.activity-subtitle,.activity-tag{font-size:11px}.activity-tag{top:15px;right:17px;padding:4px 10px}.activity-meta{font-size:11px;gap:19px;padding:17px 0}.activity-start{font-size:14px;min-height:47px;padding:10px 15px}.learning-note{font-size:10px;align-items:flex-start;line-height:1.9;padding:21px 7px}.learning-note svg{margin-top:4px}.journey-section{grid-template-columns:1fr;gap:26px;padding:29px 27px;margin-top:28px;border-radius:19px}.journey-heading h2{font-size:28px}.journey-heading h2 br{display:none}.journey-heading p{font-size:12px}.journey-heading p br{display:none}.journey-link{font-size:12px}.journey-step{gap:15px;padding-bottom:28px}.journey-step h3{font-size:15px}.journey-step p{font-size:12px}.journey-step>svg{display:block;width:18px}.step-number{width:43px;height:45px;border-radius:12px}.about-qudrah{grid-template-columns:1fr;gap:34px;padding:47px 7px 41px}.about-visual{margin:0 10px 6px;max-width:none}.about-visual img{border-radius:22px 50px 22px 50px}.about-quote{left:-12px;bottom:-13px;font-size:12px;padding:10px 19px}.about-copy h2{font-size:28px}.about-copy p{font-size:13px;line-height:2.1}.private-promise{font-size:11px;padding:13px}.teacher-invite{padding:24px 21px;gap:20px;border-radius:17px}.teacher-invite h2{font-size:17px}.teacher-invite p{font-size:11px;line-height:2}.teacher-invite-copy{gap:13px;align-items:flex-start}.teacher-invite-icon{height:43px;width:43px;border-radius:13px;margin-top:4px}.teacher-invite-icon svg{width:26px}.teacher-invite>button{margin-right:0;width:100%;justify-content:space-between;padding:12px 15px;font-size:12px}.site-footer{margin-top:36px;padding:23px 0;flex-wrap:wrap;gap:18px}.site-footer .brand{display:flex}.site-footer>span{display:block;font-size:10px}.site-footer>div{width:100%;justify-content:space-between;border-top:1px solid #f0f1e8;padding-top:14px;gap:20px}.site-footer button,.site-footer small{font-size:10px}.site-footer .brand small{font-size:9px}.teacher-game-buttons{gap:9px;padding:0 17px 19px}.teacher-game-buttons button{font-size:11px;flex:1 1;min-width:115px}.learning-site.large-text .hero-text h1{font-size:44px}.learning-site.large-text .hero-text p{font-size:16px}.learning-site.large-text .learning-values p{font-size:12px}.learning-site.large-text .learning-values h2{font-size:14px}}@media(max-width:390px){.site-header-inner{padding:12px 14px;gap:8px}.site-header-actions{gap:8px}.site-header-actions .access-button{display:none}.brand b{font-size:27px}.brand-mark{height:36px;width:34px}.brand small{font-size:8px}.teacher-entry{font-size:10px;padding:7px 9px}.landing-main{padding:0 16px}.hero-text h1{font-size:35px}.hero-text p{font-size:11px}.hero-pill{font-size:10px}.hero-buttons{gap:9px}.cta-button{font-size:11px;padding:10px 13px;gap:7px}.cta-button>svg:last-child{margin-right:0;width:16px}.cta-secondary{font-size:10px;gap:5px}.learning-values{gap:15px 9px;padding:18px 10px}.learning-values>div{padding-right:0;gap:7px}.learning-values h2{font-size:10px}.learning-values p{font-size:9px}.value-icon{height:34px;width:32px}.value-icon svg{width:18px}.landing-section-head h2{font-size:24px}.learning-activity-copy{padding:20px 22px}.learning-activity-copy h3{font-size:23px}.learning-activity-copy p{font-size:12px}.journey-section{padding:27px 22px}.journey-heading h2{font-size:26px}.journey-step h3{font-size:14px}.journey-step p{font-size:11px}.about-copy p{font-size:12px}.teacher-invite h2{font-size:15px}.teacher-invite p{font-size:10px}.teacher-invite{padding:21px 18px}.teacher-invite>button{font-size:11px}}@media(prefers-reduced-motion:reduce){.learning-site *{scroll-behavior:auto!important}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.learning-site .hero-text p{color:#75836f}.learning-site .learning-activity-copy p{color:#7c8a71}.learning-site .learning-values p{color:#8b977e}.learning-site .about-copy p{color:#7c8b70}.learning-site .journey-step p{color:#879072}.learning-site .landing-section-head p{color:#8b957c}.learning-site .teacher-invite p{color:#859975}body:has(.boxed-layout){background:radial-gradient(ellipse at 0 4%,#ece8f1 0,transparent 32%),radial-gradient(ellipse at 100% 36%,#e4eee3 0,transparent 36%),#f0f3ee}.learning-site.boxed-layout{width:calc(100% - 64px);max-width:1360px;margin:28px auto;border:1px solid #e2e7dd;border-radius:28px;box-shadow:0 14px 65px #78906812;min-height:calc(100vh - 56px)}.boxed-layout .site-header{border-radius:27px 27px 0 0}.boxed-layout .site-header-inner{padding-right:35px;padding-left:35px}@media(min-width:1700px){.learning-site.boxed-layout{margin-top:38px;margin-bottom:38px;min-height:calc(100vh - 76px)}}@media(max-width:1100px){.learning-site.boxed-layout{width:calc(100% - 40px);margin:20px auto;border-radius:23px;min-height:calc(100vh - 40px)}.boxed-layout .site-header{border-radius:22px 22px 0 0}.boxed-layout .site-header-inner{padding-right:25px;padding-left:25px}}@media(max-width:850px){.learning-site.boxed-layout{width:calc(100% - 28px);margin:14px auto;border-radius:20px;min-height:calc(100vh - 28px)}.boxed-layout .site-header{border-radius:19px 19px 0 0}.boxed-layout .site-header-inner{padding-right:21px;padding-left:21px}}@media(max-width:650px){.learning-site.boxed-layout{width:100%;margin:0;min-height:100vh;border:0;border-radius:0;box-shadow:none}.boxed-layout .site-header{border-radius:0}.boxed-layout .site-header-inner{padding-right:19px;padding-left:19px}}@media(max-width:390px){.boxed-layout .site-header-inner{padding-right:14px;padding-left:14px}}.auth-shell{min-height:100svh;padding:36px 24px;display:grid;place-items:center;background:#edf4ff}.auth-box{width:100%;display:grid;grid-template-columns:1fr 1fr;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 18px 70px #21408a16;border:1px solid #dce6f6}.auth-art{padding:40px;background:linear-gradient(145deg,#0648c7,#087cff);flex-direction:column;gap:24px;overflow:hidden}.auth-art,.auth-brand{color:white;display:flex}.auth-brand{align-items:center;gap:10px;text-decoration:none;font-size:32px}.auth-brand strong span{color:#ffd143}.auth-art h1{font-size:38px;line-height:1.5;margin:14px 0}.auth-art p{opacity:.9;line-height:1.9}.auth-art img{width:calc(100% + 40px);max-width:none;margin-inline:-20px;height:auto;border-radius:22px}.auth-art-note{display:flex;align-items:center;justify-content:center;gap:9px;font-size:13px}.auth-kicker{font-size:13px;font-weight:700;letter-spacing:.1px}.auth-form-panel{padding:30px 44px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}.auth-back{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#67758a;font-size:13px}.auth-form-inner{padding:10px 0}.auth-role-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:#e9f1ff;color:#0965e8;margin-bottom:18px}.auth-role-icon.director{background:#f2ecff;color:#7551d6}.auth-form-inner h2{font-size:28px;line-height:1.5;margin:10px 0;color:#102956}.auth-description{font-size:14px;line-height:1.9;color:#6b7b91;margin-bottom:22px}.auth-tabs{display:flex;background:#f1f5fb;padding:5px;gap:5px;border-radius:12px;margin-bottom:24px}.auth-tabs a{flex:1 1;text-align:center;padding:11px;border-radius:9px;text-decoration:none;color:#64748b;font-size:14px;font-weight:700}.auth-tabs a.selected{background:white;color:#0865e7;box-shadow:0 2px 8px #1728510c}.auth-form-inner form{display:grid;gap:16px}.auth-shell .field{gap:9px;font-size:14px}.auth-shell input{width:100%;min-height:49px;font-size:16px;background:#f9fbff;border:1px solid #d6e1f0;border-radius:11px;padding:10px 13px}.password-input{display:flex;align-items:center;position:relative}.password-input input{padding-right:45px}.password-input button{position:absolute;right:4px;background:none;border:0;padding:11px;color:#6f819c;min-height:44px;min-width:44px}.auth-submit{min-height:50px;margin-top:5px;justify-content:center;background:#0867ee!important;color:white!important}.auth-support{margin-top:24px;padding-top:18px;border-top:1px solid #edf1f7;color:#7d8898;font-size:12px;line-height:1.9}.auth-footer{color:#92a0b3;text-align:center;font-size:12px}.auth-error{padding:11px 14px;color:#af2745;background:#fff0f3;border-radius:9px;font-size:13px;line-height:1.8}.password-help{color:#718096;font-size:12px;line-height:1.8}.auth-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#0866e9}.teacher-account{padding:14px 0;margin-bottom:12px;border-top:1px solid #eef1f6;display:grid;gap:10px}.teacher-account small{word-break:break-word;color:#7d8798}.account-status{font-size:12px;color:#9a643e}.account-status.enabled{color:#218957}.teacher-account>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.teacher-account button{font-size:11px;background:#f1f5ff;color:#345ca5;border:0;border-radius:7px;padding:10px;min-height:44px}.director-link{color:inherit;text-decoration:none;font-size:12px}.sidebar{overflow-y:auto}.form-grid input{font-size:16px}.auth-shell a:focus-visible,.auth-shell button:focus-visible,.auth-shell input:focus-visible{outline:3px solid #edbd3e;outline-offset:3px}@media(max-width:900px){.auth-box{grid-template-columns:.85fr 1fr}.auth-art{padding:28px}.auth-art h1{font-size:31px}.auth-form-panel{padding:26px}.director-nav-link{display:none!important}}@media(max-width:650px){.auth-shell{padding:16px 12px;align-items:start}.auth-box{grid-template-columns:1fr;border-radius:22px}.auth-art{padding:24px;gap:12px}.auth-art h1{font-size:25px;margin:6px 0}.auth-art img{display:none}.auth-art p{font-size:12px;margin:4px 0}.auth-art-note{justify-content:start;font-size:11px}.auth-brand{font-size:26px}.auth-form-panel{padding:24px 22px;gap:22px}.auth-form-inner h2{font-size:25px}.auth-form-inner{padding:0}.auth-role-icon{width:48px;height:48px;margin-bottom:12px}.auth-tabs{margin-bottom:20px}.workspace-select{align-items:stretch;gap:12px;flex-direction:column}.workspace-select label,.workspace-select select{width:100%}.workspace-select span{font-size:11px}.form-grid{grid-template-columns:1fr}.paired{grid-template-columns:1fr 1fr}.modal{max-height:90svh;overflow-y:auto;padding:27px 20px}.teacher-banner{flex-wrap:wrap;gap:14px}.workspace-numbers{width:100%;margin:0}.topbar .global-search{max-width:160px}.table-wrap{max-width:100%;overflow-x:auto}.form-actions{flex-wrap:wrap}.form-actions .button{min-height:46px}.site-header-actions .teacher-entry{min-height:44px}.site-footer>div{flex-wrap:wrap;justify-content:center}.director-nav-link{display:block!important}}@media(max-width:390px){.auth-form-panel{padding:22px 16px}.auth-art{padding:20px}.auth-form-inner h2{font-size:23px}.topbar .global-search{max-width:132px}.teacher-banner h2{font-size:22px}}.setup-director{margin-top:18px;display:grid;gap:10px}.setup-director small{font-size:11px;color:#718096;line-height:1.8}.auth-shell input:read-only{background:#edf2f9;color:#697c96}.auth-box{max-width:1110px}.auth-loading,.auth-shell{max-width:none}.auth-shell{margin:0}.side-setting{min-height:44px}.side-bottom{padding-top:24px;padding-bottom:14px}.side-bottom .side-setting{margin-bottom:4px}.side-bottom .admin{padding:16px 0}.teacher-account button:disabled{opacity:.5}@media(max-width:650px){.topbar{height:auto;min-height:78px;flex-wrap:wrap;padding-block:12px}.top-actions,.topbar{gap:10px}.topbar .global-search{max-width:none;padding-left:10px}.topbar .global-search input{width:130px;font-size:16px}.topbar .breadcrumb{gap:8px}.sidebar .logo{margin-bottom:18px}.teacher-banner .avatar{width:62px;height:62px}.teacher-account{margin-bottom:8px}}.director-summary{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(120deg,#eaf2ff,#f3efff);border:1px solid #dae5fa;border-radius:18px;padding:22px 25px;margin-bottom:24px}.director-summary h2{color:#224a8a;font-size:23px;margin-bottom:5px}.director-summary p{font-size:13px;color:#647b9b;line-height:1.9}.director-counts{display:flex;gap:28px}.director-counts span{display:grid;gap:3px;font-size:12px;color:#63789b;white-space:nowrap}.director-counts strong{font-size:26px;color:#175ee5}.classroom-note{margin-bottom:18px;line-height:1.9}.teacher-grid{min-width:0}.auth-form-inner input:focus{border-color:#86aff5}@media(max-width:650px){.director-summary{flex-direction:column;align-items:stretch;padding:20px;gap:18px}.director-counts{justify-content:space-between;gap:12px}.director-summary h2{font-size:22px}.director-counts strong{font-size:24px}}body:has(.vibrant-theme){background:radial-gradient(ellipse at 0 0,#9edfff80 0,transparent 42%),radial-gradient(ellipse at 100% 34%,#cab5ff45 0,transparent 38%),#e8f4ff}.learning-site.vibrant-theme{--ink:#092862;--soft-ink:#526c93;--teal:#0758ea;--lilac:#763ce9;background:#f8fbff;color:#092862;border-color:#cadff7;box-shadow:0 16px 70px #234d9019}.vibrant-theme .site-header{background:#fafdfff0;border-bottom-color:#d8e7f8}.vibrant-theme .brand-mark{background:linear-gradient(145deg,#0878ff,#034dd3);box-shadow:0 4px 0 #085cdd22}.vibrant-theme .brand b{color:#092862}.vibrant-theme .brand b>span{color:#7842ed}.vibrant-theme .brand small{color:#4f7ab2}.vibrant-theme .site-nav a{color:#27436f}.vibrant-theme .site-nav a:first-child{background:#0758ea;color:white;padding:8px 16px;border-radius:12px}.vibrant-theme .site-nav a:hover{color:#763ce9}.vibrant-theme .site-nav a:first-child:hover{color:white;background:#0347c8}.vibrant-theme .teacher-entry{background:linear-gradient(120deg,#864bff,#6022e5);color:white;border-color:#7938f0;box-shadow:0 4px 13px #713bea20}.vibrant-theme .teacher-entry:hover{background:#6428d9}.vibrant-theme .access-button{background:#e7f1ff;color:#1f60c2}.vibrant-theme .menu-button{color:#153c80}.vibrant-theme .hero-pill{background:#e3f4ff;border-color:#c2e6ff;color:#1465ae}.vibrant-theme .hero-pill>span{color:#7e46ec}.vibrant-theme .hero-text h1{color:#062760}.vibrant-theme .hero-text h1 em{color:#7235dd}.vibrant-theme .hero-text p{color:#47668e}.vibrant-theme .hero-text p b{color:#0758ea}.vibrant-theme .hero-halo{background:linear-gradient(135deg,#c2efff,#dbd2ff 70%,#e5f5ff);border-color:#b9d9f8}.vibrant-theme .hero-halo:after{border-color:#89b7e595}.vibrant-theme .cta-button{background:linear-gradient(130deg,#007cff,#074cda);border-color:#0960e8;box-shadow:0 5px 0 #055bdd16;color:white}.vibrant-theme .cta-button:hover{background:#0650d9}.vibrant-theme .cta-secondary{color:#7539dc}.vibrant-theme .cta-secondary:hover{color:#5420af}.vibrant-theme .hero-reassurance{color:#416c94}.vibrant-theme .hero-reassurance svg{color:#00a874}.vibrant-theme .floating-note{border-color:#fff;box-shadow:0 8px 26px #3161a320}.vibrant-theme .floating-note b{color:#18366c}.vibrant-theme .floating-note small{color:#6888b0}.vibrant-theme .note-heart>span{background:#ede0ff;color:#8446ed}.vibrant-theme .note-star>span{background:#fff1c5;color:#f5ae13}.vibrant-theme .hero-spark{color:#ffbb29}.vibrant-theme .spark-two{color:#1cb887}.vibrant-theme .learning-values{border-color:#d9e7f8;box-shadow:0 6px 26px #376cac0b}.vibrant-theme .learning-values>div+div{border-color:#e0ecfa}.vibrant-theme .value-icon.mint{background:#d8faed;color:#02a870}.vibrant-theme .value-icon.lavender{background:#eaddff;color:#8044ec}.vibrant-theme .value-icon.peach{background:#ffead1;color:#ed8a1f}.vibrant-theme .learning-values h2{color:#163566}.vibrant-theme .learning-values p{color:#5b779b}.vibrant-theme .section-kicker{color:#5f7daa}.vibrant-theme .section-kicker svg{color:#8346ef}.vibrant-theme .landing-section-head h2{color:#092862}.vibrant-theme .landing-section-head h2>span{color:#783edc}.vibrant-theme .landing-section-head p{color:#5e789c}.vibrant-theme .activity-count{color:#305fad;border-color:#cfdef9;background:#edf4ff}.vibrant-theme .learning-activity{border-color:#cee0f5;box-shadow:0 8px 24px #2f64ad0c}.vibrant-theme .learning-activity:hover{box-shadow:0 14px 36px #2f64ad1b}.vibrant-theme .learning-activity.mint{border-top:4px solid #0ec98a}.vibrant-theme .learning-activity.lavender{border-top:4px solid #8444f4}.vibrant-theme .learning-activity.peach{border-top:4px solid #ffa039}.vibrant-theme .activity-tag{background:#fffffff1;color:#087e56;border-color:#d7f2e4}.vibrant-theme .lavender .activity-tag{color:#6c2fc4;border-color:#e2d3fc}.vibrant-theme .peach .activity-tag{color:#b65a10;border-color:#ffe1bf}.vibrant-theme .activity-subtitle{color:#098858}.vibrant-theme .lavender .activity-subtitle{color:#8248d8}.vibrant-theme .peach .activity-subtitle{color:#bd6a1d}.vibrant-theme .learning-activity-copy h3{color:#07885e}.vibrant-theme .lavender .learning-activity-copy h3{color:#7431d6}.vibrant-theme .peach .learning-activity-copy h3{color:#c56217}.vibrant-theme .learning-activity-copy p{color:#506e96}.vibrant-theme .activity-meta{color:#557ba4}.vibrant-theme .activity-start{background:linear-gradient(110deg,#0d9a68,#078356);color:white;border-color:#098555}.vibrant-theme .activity-start:hover{background:#087549}.vibrant-theme .lavender .activity-start{background:linear-gradient(110deg,#9851ff,#7635dd);border-color:#7c3ade;color:white}.vibrant-theme .lavender .activity-start:hover{background:#632bc2}.vibrant-theme .peach .activity-start{background:linear-gradient(110deg,#e78b24,#c96617);color:white;border-color:#c96c1b}.vibrant-theme .peach .activity-start:hover{background:#b85a0c}.vibrant-theme .learning-note{color:#6384a6}.vibrant-theme .learning-note svg{color:#10a979}.vibrant-theme .journey-section{background:linear-gradient(130deg,#ebf6ff,#f0eaff);border-color:#d9e0fa}.vibrant-theme .journey-heading h2{color:#123a79}.vibrant-theme .journey-heading h2>span{color:#8245dc}.vibrant-theme .journey-heading p{color:#59779d}.vibrant-theme .journey-link{color:#075fe0;border-color:#8fbaec}.vibrant-theme .step-number{background:#dbf5fa;color:#069eaa;border-color:#bfe8ee}.vibrant-theme .journey-step:nth-child(2) .step-number{background:#fff0cf;color:#b97e09;border-color:#ffe2a4}.vibrant-theme .journey-step:nth-child(3) .step-number{background:#e9deff;color:#7d3edd;border-color:#d3bcfa}.vibrant-theme .journey-step h3{color:#193d79}.vibrant-theme .journey-step p{color:#5c799d}.vibrant-theme .journey-step:after{border-color:#c4d9ee}.vibrant-theme .journey-step>svg{color:#1598d2}.vibrant-theme .journey-step:nth-child(2)>svg{color:#f1a021}.vibrant-theme .journey-step:nth-child(3)>svg{color:#8948e5}.vibrant-theme .about-quote{color:#b67a18;border-color:#ffe4bf;background:#fffaf2}.vibrant-theme .about-quote b{color:#7251b1}.vibrant-theme .about-copy h2{color:#16356d}.vibrant-theme .about-copy h2>span{color:#075bd8}.vibrant-theme .about-copy p{color:#547397}.vibrant-theme .private-promise{background:#e8f8f0;border-color:#c8eadc;color:#197951}.vibrant-theme .private-promise svg{color:#079b64}.vibrant-theme .teacher-invite{background:linear-gradient(115deg,#dbf0ff,#e6e0ff);border-color:#ccdefb}.vibrant-theme .teacher-invite-icon{background:#d5c6ff;color:#6f30d5}.vibrant-theme .teacher-invite h2{color:#15377c}.vibrant-theme .teacher-invite p{color:#5b739e}.vibrant-theme .teacher-invite>button{background:#075be5;color:white;border-color:#095bdc}.vibrant-theme .teacher-invite>button:hover{background:#074fc4}.vibrant-theme .site-footer{border-color:#dce8f6}.vibrant-theme .site-footer>span{color:#5d7ca3}.vibrant-theme .site-footer button{color:#466d9f}.vibrant-theme .site-footer small{color:#6386ad}.vibrant-theme .game-title h2,.vibrant-theme .modal h2{color:#143b76}.vibrant-theme .button.primary{background:#075be5;border-color:#075be5}.vibrant-theme .button.primary:hover:not(:disabled){background:#0347c8}.vibrant-theme .game-choices button{background:#f6faff;border-color:#dce8f6}.vibrant-theme .game-choices button:hover:not(:disabled){border-color:#9cb9ea;background:#eef5ff}.vibrant-theme .game-choices button.correct{background:#e5f8ed;border-color:#44b777}.vibrant-theme .game-choices button.retry{background:#fff5df;border-color:#e4b44a}.vibrant-theme .game-choices b{color:#315589}.vibrant-theme .question-title h3{color:#143b76}.qudrah-vibrant-board{--bg:#f4f7ff;--text:#233966;--green:#7040cf;--dark:#5525ad;--line:#e2e8f5}.qudrah-vibrant-board .logo-icon{background:linear-gradient(145deg,#1178ff,#0754df)}.qudrah-vibrant-board .logo strong{color:#13356c}.qudrah-vibrant-board .logo-dot{color:#8c46ee}.qudrah-vibrant-board nav button.active{background:#eee5ff;color:#682dc7}.qudrah-vibrant-board .nav-point,.qudrah-vibrant-board nav button.active:before{background:#783bdb}.qudrah-vibrant-board nav button:hover{background:#f1ebff}.qudrah-vibrant-board .button.primary{background:#7536da;border-color:#7536da}.qudrah-vibrant-board .button.primary:hover:not(:disabled){background:#5b25b3}.qudrah-vibrant-board .teacher-banner{background:linear-gradient(115deg,#f0e7ff,#eaf4ff);border-color:#dcd3f2}.qudrah-vibrant-board .teacher-banner h2{color:#532a98}.qudrah-vibrant-board .workspace-numbers strong{color:#6738b4}.qudrah-vibrant-board .teacher-banner p{color:#736292}.qudrah-vibrant-board .back-home{background:#edf4ff;border-color:#d7e4fa;color:#2560b4}.qudrah-vibrant-board .text-btn{color:#7644bc}.qudrah-vibrant-board .badge.purple{background:#eee4ff;color:#7135b9}@media(max-width:650px){.vibrant-theme .site-nav{background:#f6fbff;border-color:#d2e5fa}.vibrant-theme .site-nav a:first-child{padding:7px 13px}}.vibrant-theme.high-contrast .cta-secondary,.vibrant-theme.high-contrast .section-kicker{color:#333775}.vibrant-theme.high-contrast .activity-start{border:2px solid #074d39}.vibrant-theme.high-contrast .lavender .activity-start{border-color:#4b1a8e}.vibrant-theme.high-contrast .peach .activity-start{border-color:#884208}.vibrant-theme.high-contrast .learning-activity,.vibrant-theme.high-contrast .learning-values{border-color:#809abe}