@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f6f5ef;color:#213c43;font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;font-size:16px;line-height:1.7}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #967bcb;outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:40px;line-height:1.35;letter-spacing:-1px}h2{font-size:25px;line-height:1.5}h3{font-size:19px}p{color:#61757a}small{font-size:12px}svg{flex-shrink:0}main{max-width:1240px;margin:auto;padding:0 36px}.topbar{max-width:1320px;margin:auto;padding:27px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #dde2da}.brand{display:flex;align-items:center;gap:12px;background:none;border:0;text-align:right;font-weight:700;font-size:20px;padding:0}.brand small{display:block;color:#7d8b87;font-weight:400;letter-spacing:.3px}.brand-mark{width:42px;height:46px;background:#25434a;border-radius:12px;display:grid;place-items:center;color:#efc06f;transform:rotate(-5deg)}.top-right,.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.edition{font-size:13px;color:#83918a}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;min-height:720px;padding:55px 0}.eyebrow{font-size:12px;letter-spacing:1px;color:#5b7777;font-weight:600;display:flex;align-items:center;gap:8px;margin-bottom:19px}.eyebrow i{width:7px;height:7px;background:#b5893d;border-radius:50%}.hero h1{font-size:61px;margin:0 0 23px;line-height:1.32}.hero h1 em{font-style:normal;color:#388778}.hero-copy>p{font-size:17px;line-height:1.95;margin-bottom:25px}.hero-stats{display:flex;gap:29px;margin:25px 0 30px}.hero-stats span{font-size:11px;color:#839086}.hero-stats b{display:block;font-size:28px;color:#23434b;line-height:1.2;font-weight:500}.boarding{padding:22px;background:#fffef9;border:1px solid #e3e6dc;border-radius:18px;max-width:455px;box-shadow:0 9px 30px #213c4305}.boarding h3{margin-bottom:13px;font-size:16px}.form-row{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}label{display:block;font-size:13px;color:#566d70}input:not([type=range]),select{display:block;width:100%;border:1px solid #dce2d9;border-radius:9px;background:#f9faf5;padding:11px 12px;color:#26454c;min-height:46px;margin:6px 0 15px}input::placeholder{color:#9aa6a1;font-size:12px}select{cursor:pointer}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;padding:13px 23px;background:#25484b;color:#fffbef;font-weight:600;box-shadow:0 4px 0 #123439;transition:transform .2s,background .2s}.primary:hover{background:#34736a;transform:translateY(-2px)}.boarding .primary{width:100%}.boarding>small{display:block;text-align:center;color:#8a9690;font-size:10px;margin-top:15px}.hero-art{position:relative}.city-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 22px 15px #244a4819)}.floating-note{position:absolute;bottom:39px;left:-20px;background:#fffdf2;box-shadow:0 12px 30px #133d4b26;display:flex;align-items:center;gap:10px;padding:15px 18px;border-radius:12px;font-size:12px}.floating-note span:last-child{color:#8e998b}.pulse{width:8px;height:8px;background:#9eba8e;border-radius:50%;box-shadow:0 0 0 5px #a0bb8e26}.art-caption{display:flex;justify-content:space-between;color:#80918c;font-size:10px;margin-top:28px;letter-spacing:1px}.steps{border-top:1px solid #dde2da;display:flex;justify-content:space-around;padding:26px 0 33px;gap:16px;font-size:13px;color:#778b83}.steps b{font-size:17px;color:#a5b3a9;margin-left:11px;font-weight:400}.ghost{display:inline-flex;align-items:center;gap:8px;background:#fffdf5;border:1px solid #dce3d7;border-radius:9px;padding:9px 16px;font-size:13px}.ghost:hover{background:#e8efe5}.text-button{border:0;background:none;color:#367c71;padding:8px 10px;font-size:13px}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:45px 0 29px}.page-heading .eyebrow{margin-bottom:9px}.page-heading h1{margin-bottom:10px;font-size:34px}.page-heading p{margin:0;font-size:14px}.power{display:flex;flex-direction:column;align-items:center;padding:14px 25px;background:#e6eddf;border-radius:17px;color:#497d68}.power b{font-size:26px}.power span{font-size:11px}.map-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;margin-bottom:28px}.station-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.station-card{text-align:right;position:relative;background:#fffdf7;border:1px solid #dfe5db;border-radius:18px;padding:24px;transition:transform .2s,box-shadow .2s;overflow:hidden}.station-card:hover{transform:translateY(-5px);box-shadow:0 13px 20px #274b4410;border-color:var(--accent)}.station-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.station-number{font-size:12px;color:#8f9c93;letter-spacing:2px}.station-icon{width:62px;height:62px;background:color-mix(in srgb,var(--accent,#a696e8) 18%,white);border-radius:18px;display:grid;place-items:center;color:#31484c}.station-card h2{font-size:22px;margin-bottom:2px}.station-card p{font-size:13px;margin-bottom:22px}.station-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e7ebe2;padding-top:13px;font-size:11px}.station-bottom svg{color:#648c7b}.complete-stamp{display:flex;gap:5px;align-items:center;background:#dff0df;font-size:10px;position:absolute;top:16px;right:20px;padding:3px 8px;border-radius:15px}.map-art{display:flex;flex-direction:column;justify-content:center;gap:23px}.mission-card{display:flex;gap:14px;padding:21px;background:#e9eee3;border-radius:16px}.mission-card p{font-size:12px;line-height:1.9;margin:6px 0 0}.map-page{padding-bottom:45px}.lesson-page{max-width:820px;margin:40px auto 55px}.lesson-header{display:flex;gap:20px;align-items:center;margin-bottom:28px}.lesson-header h1{font-size:34px;margin:0 0 8px}.lesson-header .eyebrow{margin-bottom:5px}.lesson-header p{font-size:14px;margin:0}.simulator{background:#fffdf7;border:1px solid #e0e5db;padding:30px;border-radius:21px}.pill{display:inline-flex;font-size:11px;padding:5px 11px;background:#eaf0e4;color:#526f64;border-radius:6px}.sim-title h2{margin-top:15px}.simulator>p{font-size:15px}.prediction{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0}.prediction button{padding:9px 17px;border:1px solid #dce2d9;border-radius:9px;background:#f7f9f1;font-size:13px}.prediction button.selected{background:#dcece4;border-color:#6ba994;color:#244f48}.small{padding:10px 17px;font-size:13px}.lab-body{border-top:1px dashed #d9e3d3;margin-top:25px;padding-top:12px;animation:appear .5s}.lab-body svg{width:100%;max-height:260px}.lab-body label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:8px 0;gap:10px}.lab-body label input{width:100%;accent-color:#3d8878;direction:ltr}.readout{background:#f3f0df;padding:18px;border-radius:13px;display:flex;gap:15px;align-items:center;flex-wrap:wrap;font-size:13px}.readout strong{font-size:25px}.meter{height:7px;width:100%;background:#dfdccb;border-radius:10px;overflow:hidden;direction:ltr}.meter i{height:100%;display:block;background:#d69c3e;transition:width .2s}.feedback{background:#e8f1e5;padding:17px;border-radius:10px;font-size:13px;margin:19px 0 0}.metric-row{display:flex;gap:20px;justify-content:space-around;margin:20px 0}.metric-row>div{font-size:12px;color:#78847c;text-align:center}.metric-row strong{display:block;font-size:24px;color:#25454a;font-weight:600}.start-challenge{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#e5eade;padding:24px;border-radius:16px;margin-top:25px}.start-challenge p{font-size:12px;margin:5px 0 0}.subtle{text-align:center;color:#8a968c;font-size:11px;margin-top:22px}.quiz-page{max-width:760px;margin:45px auto}.quiz-top{display:flex;justify-content:space-between;font-size:13px;margin:0 0 15px;gap:15px}.quiz-top>span:first-child{display:flex;gap:10px}.progress{height:5px;background:#e1e6da;border-radius:10px;margin-bottom:26px;overflow:hidden}.progress i{height:100%;display:block;background:var(--accent);transition:width .3s}.question-card{padding:30px 35px;background:#fffef9;border:1px solid #dde3d9;border-radius:22px}.question-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.question-meta small{color:#8c998f}.question-card h2{font-size:23px;line-height:1.9;margin-bottom:24px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid #dce2d8;border-radius:12px;background:#f7f9f1;text-align:right;min-height:70px}.option>span{border:1px solid #dce3d8;width:27px;height:27px;flex-shrink:0;border-radius:7px;display:grid;place-items:center;font-size:12px;color:#7e8c83}.option b{font-size:15px;font-weight:500;flex:1}.option:hover:not(:disabled){border-color:#6ca896;background:#ebf4e8}.option:disabled{opacity:1}.option.correct{border-color:#6eaa89;background:#e3f0df}.option.wrong{border-color:#d7a190;background:#f7e8df}.hint-button{background:none;border:0;display:flex;gap:7px;align-items:center;font-size:12px;color:#a38245;margin-top:21px;padding:5px}.hint{background:#f7f0d9;padding:14px;border-radius:10px;font-size:13px}.answer-feedback{margin-top:23px;border-radius:13px;padding:20px;animation:appear .4s}.answer-feedback.good{background:#e6f0df}.answer-feedback.fix{background:#f4ebdc}.answer-feedback p{font-size:14px;margin:7px 0 17px;line-height:1.9}.question-svg{width:100%;max-height:205px;background:#f7f7ef;border-radius:12px;margin:0 0 20px;padding:12px;direction:ltr}.center-panel{max-width:690px;text-align:center;margin:65px auto;padding:35px;background:#fffdf6;border:1px solid #e1e6dc;border-radius:25px}.center-panel h1{font-size:35px}.center-panel .eyebrow{justify-content:center;margin-top:20px}.center-panel>p{font-size:15px;line-height:1.95}.big-icon{display:grid;place-items:center;width:89px;height:89px;margin:0 auto 20px;border-radius:50%;background:#f1e9ce;color:#aa8740}.score-circle{width:180px;height:180px;margin:20px auto;border-radius:50%;border:8px solid #b8d2bb;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f1f5e8}.score-circle strong{font-size:58px;line-height:1.2}.score-circle strong small{font-size:23px;font-weight:400;color:#85998b}.score-circle span{font-size:11px;margin-top:7px;color:#708778}.save-status{display:flex;align-items:center;justify-content:center;gap:9px;padding:16px;font-size:12px;border-radius:10px;background:#f7eddb;margin:20px 0;flex-wrap:wrap}.save-status.saved{background:#e3efdf;color:#3d795e}.result-panel .actions{justify-content:center}.passport{margin:45px 0 65px}.passport-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:26px 0}.passport-grid article{background:#fffdf6;padding:27px;border-radius:16px;border:1px solid #e0e5d9}.passport-grid article>strong{font-size:37px}.passport-grid article>p{font-size:12px;margin-bottom:0}.passport-grid article>small{color:#85947f}.skill-row{display:flex;justify-content:space-between;border-bottom:1px solid #e5e9df;padding:9px 0;font-size:13px}.passport>.ghost{margin-right:12px}footer{max-width:1240px;padding:24px 36px;margin:auto;display:flex;justify-content:space-between;gap:15px;border-top:1px solid #dfe4db;color:#8d998d;font-size:11px}footer a{display:flex;align-items:center;gap:3px}.teacher-page{min-height:73vh;padding-bottom:40px}.login{max-width:330px;margin:20px auto;text-align:right}.login .primary{width:100%}.error{color:#a94d40;background:#f7e7df;padding:12px;border-radius:8px;font-size:13px}.filters{display:grid;grid-template-columns:1fr 1fr 1.4fr 1fr;gap:15px;background:#edf1e7;padding:20px;border-radius:15px}.filters input,.filters select{margin-bottom:0}.teacher-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0}.group-summary{background:#fffef7;border:1px solid #e0e6d9;padding:18px;border-radius:15px}.group-summary h3{font-size:16px}.group-summary p{font-size:12px}.group-summary .metric-row{gap:10px;margin:12px 0}.group-summary svg{display:block;margin:0 auto 5px}.records{background:#fffef7;border:1px solid #e0e6d9;border-radius:18px;overflow:hidden}.table-heading{display:flex;justify-content:space-between;align-items:center;padding:22px}.table-heading h2{font-size:19px;margin:0}.table-heading span{font-size:11px;color:#89978d}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:right;background:#edf1e5;color:#738677;padding:14px}td{padding:14px;border-bottom:1px solid #e9ede4}.status-tag{display:block;color:#718b70;font-size:10px}.empty{text-align:center;padding:50px 20px;color:#8a9a8d}.empty svg{margin-bottom:15px}.empty p{font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#15363f88;z-index:10;display:grid;place-items:center;padding:20px}.detail-modal{max-height:90vh;overflow:auto;background:#fffef7;padding:28px;border-radius:18px;width:min(700px,100%)}.detail-question{border-bottom:1px solid #dfe6d8;padding:16px 0}.detail-question h3{font-size:16px;margin:10px 0}.detail-question p{font-size:13px;margin:5px 0}.spin{animation:rotate 1.5s linear infinite}.orbiting{animation:rotate 9s linear infinite}.lab-train{animation:train 3s linear infinite}.satellite{animation:float 5s ease-in-out infinite}.city-train{animation:float 4s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes train{from{transform:translateX(0)}to{transform:translateX(340px)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.hero{gap:30px}.hero h1{font-size:48px}.map-layout{grid-template-columns:1fr 1fr}.station-card{padding:20px}.teacher-groups{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}}@media(max-width:700px){main{padding:0 20px}.topbar{padding:18px 20px}.brand{font-size:17px}.brand-mark{width:36px;height:40px}.edition{display:none}.hero{grid-template-columns:1fr;padding:35px 0;gap:33px;min-height:0}.hero h1{font-size:47px}.hero-copy>p{font-size:15px}.hero-art{grid-row:2}.boarding{max-width:100%}.hero-stats{gap:30px;margin:23px 0}.floating-note{left:8px;bottom:42px;padding:10px 13px;font-size:10px}.art-caption{font-size:9px}.steps{flex-direction:column;gap:14px;padding:22px 0}.map-layout{grid-template-columns:1fr}.map-art{grid-row:1}.map-art .city-svg{max-height:250px}.mission-card{padding:15px}.station-grid{gap:12px}.station-card{padding:19px 15px}.station-card h2{font-size:19px}.station-icon{width:49px;height:49px;border-radius:14px}.station-card p{font-size:11px}.station-bottom{font-size:10px}.page-heading{align-items:flex-start;margin-top:30px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.power{padding:10px 13px;min-width:90px}.lesson-header{gap:12px}.lesson-header h1{font-size:27px}.lesson-header p{font-size:12px}.simulator{padding:22px 18px}.sim-title h2{font-size:23px}.start-challenge{flex-direction:column;align-items:stretch;padding:20px}.quiz-page{margin-top:28px}.quiz-top{font-size:11px}.question-card{padding:23px 18px}.question-card h2{font-size:20px}.options{grid-template-columns:1fr}.option{min-height:62px;padding:13px}.question-meta{margin-bottom:18px}.center-panel{padding:25px 18px;margin:35px auto}.center-panel h1{font-size:28px}.passport-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.teacher-groups{gap:10px}.group-summary{padding:13px}.teacher-page .page-heading{flex-direction:column}.topbar .ghost{font-size:10px;padding:7px 10px}footer{padding:20px;flex-wrap:wrap;font-size:10px}.form-row{grid-template-columns:1.5fr 1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{header,footer,button,.filters,.modal-backdrop,.subtle{display:none!important}main{max-width:none;padding:0}body{background:white;font-size:11px}.passport-grid{grid-template-columns:1fr 1fr}.passport,.teacher-page{margin:0}.passport-grid article{break-inside:avoid}.teacher-groups{grid-template-columns:repeat(4,1fr)}.page-heading h1{font-size:25px}.table-scroll{overflow:visible}table{white-space:normal;font-size:10px}td,th{padding:7px}.passport-grid article>strong{font-size:25px}}
.assessment-strip{display:flex;gap:12px;overflow-x:auto;padding:3px 0 18px}.assessment-tab{display:flex;gap:13px;align-items:center;text-align:right;background:#fffdf5;border:1px solid #dce3d7;border-radius:12px;padding:15px 20px;min-width:240px}.assessment-tab.active{background:#e5eee0;border-color:#83a795}.assessment-tab b{display:block;font-size:14px}.assessment-tab small{display:block;font-size:10px;color:#7d8d80}.assessment-filters{grid-template-columns:1fr 1fr 1fr 1.3fr 1fr}.evaluation-heading{display:flex;align-items:center;gap:15px;margin-top:28px}.evaluation-heading h2{margin:0;font-size:23px}.teacher-groups{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media(max-width:950px){.assessment-filters{grid-template-columns:1fr 1fr}}@media(max-width:700px){.assessment-filters{grid-template-columns:1fr}.evaluation-heading{align-items:flex-start;flex-direction:column;gap:8px}.teacher-groups{grid-template-columns:1fr 1fr}.assessment-tab{min-width:225px}}@media print{.assessment-strip{display:none}.teacher-groups{grid-template-columns:repeat(4,1fr)}}
.automatic-analysis{margin:30px 0}.analysis-group{background:#fffef7;border:1px solid #e0e6d9;border-radius:18px;padding:24px;margin:18px 0}.analysis-group>h3{border-bottom:1px solid #e6ebdf;padding-bottom:12px}.analysis-kpis{display:flex;gap:20px;margin:15px 0 24px}.analysis-kpis span{background:#eef2e6;padding:12px 20px;border-radius:12px;flex:1;color:#73816f;font-size:12px}.analysis-kpis b{display:block;font-size:28px;color:#294e4d}.analysis-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.analysis-columns h4{font-size:15px}.skill-analysis{margin-bottom:18px}.skill-analysis>div:first-child{display:flex;justify-content:space-between;font-size:13px;margin-bottom:7px}.skill-analysis small,.missed-question small,.analysis-note{font-size:10px;color:#84917e}.missed-question{border-bottom:1px solid #e6ebdf;padding:10px 0}.missed-question p{font-size:13px;color:#4c6968;margin-bottom:4px}.recommendation{background:#f4efdf;border-radius:10px;padding:15px;margin:20px 0 12px;font-size:13px}.recommendation p{margin:5px 0 0;font-size:12px}.analysis-good{font-size:13px;color:#427856}@media(max-width:700px){.analysis-columns{grid-template-columns:1fr;gap:15px}.analysis-kpis{gap:8px}.analysis-kpis span{padding:10px;font-size:10px}.analysis-kpis b{font-size:24px}.analysis-group{padding:18px}}@media print{.analysis-group{break-inside:avoid}.analysis-columns{grid-template-columns:1fr 1fr}}