:root{--primary:#4f46e5;--primary-2:#4338ca;--primary-soft:#eef2ff;--blue:#2563eb;--teal:#0f8f82;--orange:#c2410c;--rose:#be123c;--purple:#7c3aed;--green:#15803d;--bg:#f7f8fc;--surface:#fff;--surface-2:#f8fafc;--text:#101828;--text-2:#475467;--muted:#667085;--faint:#98a2b3;--border:#e4e7ec;--strong:#d0d5dd;--shadow:0 1px 2px rgba(16,24,40,.04);--shadow-lg:0 24px 55px rgba(16,24,40,.13);--font:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--arabic:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,Arial,sans-serif}
.dark{--bg:#0b1220;--surface:#111827;--surface-2:#151e2e;--text:#f8fafc;--text-2:#cbd5e1;--muted:#94a3b8;--faint:#718096;--border:#273449;--strong:#344258;--primary-soft:rgba(99,102,241,.14);--shadow-lg:0 24px 55px rgba(0,0,0,.4)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--font);font-size:14px}body.rtl,body.rtl button,body.rtl input,body.rtl select,body.rtl textarea{font-family:var(--arabic)}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#6366f1,#4338ca);box-shadow:0 8px 18px rgba(79,70,229,.25);display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800}.brand strong{font-size:19px;letter-spacing:-.04em}.brand strong span{color:var(--primary)}.btn{min-height:42px;border-radius:10px;padding:0 16px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;transition:.18s ease;white-space:nowrap}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-2);transform:translateY(-1px)}.btn.secondary{background:var(--surface);border-color:var(--border);color:var(--text-2)}.btn.secondary:hover{border-color:#a5b4fc;color:var(--primary);background:var(--primary-soft)}.btn.light{background:#fff;color:#3730a3}.btn.danger{background:#fff1f2;color:#be123c;border-color:#fecdd3}.btn.large{min-height:50px;padding:0 21px}.btn.full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.flash{position:relative;margin:0 0 16px;padding:12px 15px;border-radius:10px;border:1px solid}.public-body>.flash{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:100;box-shadow:var(--shadow-lg)}.flash.success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.flash.error{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.dark .flash.success{background:rgba(34,197,94,.12);border-color:rgba(34,197,94,.2);color:#86efac}.dark .flash.error{background:rgba(244,63,94,.12);border-color:rgba(244,63,94,.2);color:#fda4af}
.public-body{background:#fff;color:#101828}.public-nav{height:76px;max-width:1220px;margin:auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.public-nav nav{display:flex;gap:28px}.public-nav nav a{font-size:13px;color:#475467}.public-nav>div{display:flex;gap:9px}.hero{min-height:690px;max-width:1280px;margin:auto;padding:90px 32px 72px;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:55px;overflow:hidden}.hero-label,.section-intro>span,.feature-copy>span,.tawjihi-public>div>span,.final-cta>span{font-size:11px;color:#4f46e5;font-weight:750;letter-spacing:.1em}.hero h1{font-size:61px;line-height:1.04;letter-spacing:-.055em;margin:16px 0 22px}.hero h1 em{font-style:normal;color:#4f46e5}.hero-copy>p{font-size:18px;line-height:1.75;color:#667085;max-width:600px}.hero-actions{display:flex;gap:11px;margin:30px 0 22px}.trust-row{display:flex;gap:21px;font-size:11px;color:#667085}.trust-row span:First-letter{color:#0f8f82}.hero-product{position:relative}.hero-product:before{content:"";position:absolute;width:540px;height:540px;background:radial-gradient(circle,#e0e7ff,transparent 65%);z-index:0;left:50%;top:50%;transform:translate(-50%,-50%)}.demo-window{position:relative;z-index:1;border:1px solid #dfe3ec;background:#fff;border-radius:17px;box-shadow:0 34px 80px rgba(30,41,59,.16);overflow:hidden;transform:perspective(1300px) rotateY(-5deg) rotateX(2deg)}.demo-top{height:40px;background:#f8fafc;border-bottom:1px solid #eaecf0;display:flex;align-items:center;gap:5px;padding:0 12px}.demo-top>span{width:7px;height:7px;border-radius:50%;background:#d0d5dd}.demo-top small{margin:auto;font-size:8px;color:#98a2b3}.demo-body{height:400px;display:grid;grid-template-columns:62px 1fr}.demo-body>aside{background:#fff;border-right:1px solid #eaecf0;padding:17px 14px;display:flex;flex-direction:column;align-items:center;gap:18px}.demo-body>aside b{width:29px;height:29px;border-radius:8px;background:#4f46e5;color:#fff;display:grid;place-items:center}.demo-body>aside i{width:25px;height:6px;background:#e4e7ec;border-radius:4px}.demo-body>section{padding:22px;background:#f7f8fc}.demo-heading{display:flex;justify-content:space-between;align-items:center}.demo-heading small,.demo-heading strong{display:block}.demo-heading small{font-size:8px;color:#667085;margin-bottom:4px}.demo-heading strong{font-size:16px}.demo-heading button{border:0;background:#4f46e5;color:#fff;border-radius:7px;padding:7px 10px;font-size:8px}.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:19px 0}.demo-stats article{background:#fff;border:1px solid #eaecf0;border-radius:9px;padding:11px}.demo-stats small,.demo-stats b,.demo-stats span{display:block}.demo-stats small{font-size:7px;color:#667085}.demo-stats b{font-size:18px;margin:7px 0 3px}.demo-stats span{font-size:7px;color:#0f8f82}.demo-recommend{background:linear-gradient(120deg,#3730a3,#5b50df);color:#fff;border-radius:10px;padding:13px;display:flex;gap:10px}.demo-recommend>span{width:30px;height:30px;border-radius:8px;background:rgba(255,255,255,.13);display:grid;place-items:center}.demo-recommend small,.demo-recommend b,.demo-recommend p{display:block}.demo-recommend small{font-size:6px;opacity:.6}.demo-recommend b{font-size:10px;margin-top:3px}.demo-recommend p{font-size:7px;opacity:.7;margin:3px 0 0}.demo-subjects{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.demo-subjects article{background:#fff;border:1px solid #eaecf0;border-radius:9px;padding:11px}.demo-subjects article>i{width:27px;height:27px;border-radius:7px;display:block}.demo-subjects .teal{background:#ccfbf1}.demo-subjects .indigo{background:#e0e7ff}.demo-subjects article>b,.demo-subjects article>small{display:block}.demo-subjects article>b{font-size:9px;margin:7px 0 4px}.demo-subjects article>small{font-size:7px;color:#667085}.demo-subjects article>span{height:4px;background:#eef2f6;display:block;margin-top:8px;border-radius:3px;overflow:hidden}.demo-subjects article>span i{height:100%;display:block;background:#4f46e5}.logo-strip{border-block:1px solid #eaecf0;background:#f9fafb;min-height:95px;display:flex;align-items:center;justify-content:center;gap:45px;color:#98a2b3}.logo-strip span{font-size:12px}.logo-strip b{font-size:12px;letter-spacing:.08em}.how{padding:110px 28px;max-width:1180px;margin:auto}.section-intro{text-align:center;max-width:650px;margin:0 auto 48px}.section-intro h2,.feature-copy h2,.tawjihi-public h2,.final-cta h2{font-size:38px;letter-spacing:-.04em;margin:12px 0}.section-intro p,.feature-copy>p,.tawjihi-public p,.final-cta p{color:#667085;line-height:1.75}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.steps article{border:1px solid #e4e7ec;border-radius:16px;padding:26px;position:relative}.steps article>span{position:absolute;right:20px;top:19px;color:#d0d5dd;font-weight:750}.step-icon{width:46px;height:46px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-size:20px}.steps h3{font-size:18px;margin:19px 0 8px}.steps p{color:#667085;line-height:1.7;font-size:13px}.feature-section{background:#f7f8fc;padding:100px max(30px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:80px}.feature-copy ul{list-style:none;padding:0;margin:28px 0}.feature-copy li{border-top:1px solid #e4e7ec;padding:16px 0;display:flex;flex-direction:column;gap:5px}.feature-copy li b{font-size:14px}.feature-copy li span{font-size:12px;color:#667085}.analytics-preview{background:#fff;border:1px solid #e4e7ec;border-radius:17px;padding:25px;box-shadow:0 24px 50px rgba(16,24,40,.09)}.preview-head{display:flex;justify-content:space-between}.preview-head small,.preview-head strong{display:block}.preview-head small{font-size:8px;color:#667085}.preview-head strong{font-size:27px;margin-top:6px}.preview-head>span{font-size:9px;color:#667085;border:1px solid #e4e7ec;padding:8px;border-radius:7px;height:30px}.fake-chart{height:220px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 52px,#eaecf0 53px);margin:16px 0}.fake-chart svg{width:100%;height:100%}.fake-chart path{stroke:#6366f1;stroke-width:3;fill:none;vector-effect:non-scaling-stroke}.topic-preview{display:grid;gap:11px}.topic-preview>span{display:grid;grid-template-columns:110px 1fr 35px;align-items:center;gap:10px;font-size:10px}.topic-preview i{height:6px;background:#eef2f6;border-radius:6px;overflow:hidden}.topic-preview b{display:block;height:100%;background:#4f46e5}.topic-preview em{font-style:normal;font-weight:700}.tawjihi-public{max-width:1130px;margin:100px auto;padding:43px;background:linear-gradient(125deg,#312e81,#4f46e5);border-radius:22px;color:#fff;display:grid;grid-template-columns:1.4fr .7fr;gap:45px;align-items:center}.tawjihi-public>div>span{color:#c7d2fe}.tawjihi-public p{color:rgba(255,255,255,.75);max-width:650px}.tawjihi-panel{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);border-radius:14px;padding:22px}.tawjihi-panel small,.tawjihi-panel strong,.tawjihi-panel i,.tawjihi-panel span{display:block}.tawjihi-panel small{font-size:9px;opacity:.7}.tawjihi-panel strong{font-size:37px;margin:9px 0}.tawjihi-panel i{height:6px;background:rgba(255,255,255,.15);border-radius:7px;overflow:hidden}.tawjihi-panel i b{height:100%;display:block;background:#5eead4}.tawjihi-panel span{font-size:9px;opacity:.65;margin-top:10px}.final-cta{text-align:center;padding:100px 25px 120px}.public-footer{border-top:1px solid #eaecf0;min-height:130px;max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:#667085}.public-footer p{text-align:center}.public-footer>div{text-align:right}.public-footer>div a{margin-left:20px}
.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#eef2ff,transparent 42%),#f7f8fc;padding:90px 20px 40px;position:relative}.auth-brand{position:absolute;top:24px;left:30px}.auth-card{width:min(520px,100%);background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:30px;box-shadow:0 20px 50px rgba(16,24,40,.08)}.auth-icon{width:44px;height:44px;border-radius:12px;background:#eef2ff;color:#4f46e5;display:grid;place-items:center;font-size:20px}.auth-card h1{font-size:27px;letter-spacing:-.035em;margin:17px 0 7px}.auth-card>p{color:#667085;line-height:1.6;margin:0 0 22px}.auth-card form>label,.stack-form>label,.stack-form>div label,.create-subject label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px}.auth-card label>span,.stack-form label>span{font-size:11px;font-weight:650;color:#475467}.auth-card input,.auth-card select,.stack-form input,.stack-form select,.create-subject input,.create-subject select{height:44px;border:1px solid #d0d5dd;border-radius:10px;padding:0 12px;background:#fff;color:#101828;outline:0}.auth-card input:focus,.auth-card select:focus,.stack-form input:focus,.stack-form select:focus{border-color:#a5b4fc;box-shadow:0 0 0 3px rgba(99,102,241,.13)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.auth-switch{text-align:center;font-size:12px!important;margin:18px 0 0!important}.auth-switch a{color:#4f46e5;font-weight:650}.auth-note{position:absolute;bottom:18px;color:#667085;font-size:10px}
.app-shell{min-height:100vh;display:flex}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;width:264px;background:var(--surface);border-inline-end:1px solid var(--border);padding:0 14px;display:flex;flex-direction:column;z-index:30}.sidebar-brand{height:76px;padding:0 9px}.nav-caption{font-size:10px;letter-spacing:.12em;color:var(--faint);font-weight:700;padding:12px 13px 6px}.sidebar nav a,.sidebar-footer>a{height:43px;border-radius:10px;display:flex;align-items:center;gap:12px;padding:0 12px;color:var(--muted);font-weight:560;margin:3px 0}.sidebar nav a i,.sidebar-footer>a i{font-style:normal;width:20px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active,.sidebar-footer>a:hover{background:var(--primary-soft);color:var(--primary)}.sidebar-footer{margin-top:auto;padding-bottom:14px}.mini-profile{border-top:1px solid var(--border);padding:15px 5px 2px;margin-top:11px;display:grid;grid-template-columns:36px 1fr 28px;gap:9px;align-items:center}.mini-profile>b{width:36px;height:36px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.mini-profile span strong,.mini-profile span small{display:block}.mini-profile span strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:145px}.mini-profile span small{font-size:9px;color:var(--muted);margin-top:3px}.mini-profile form button{border:0;background:transparent;color:var(--muted)}.app-main{margin-inline-start:264px;width:calc(100% - 264px)}.app-topbar{height:76px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(13px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.app-search{width:285px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);display:flex;align-items:center;gap:8px;padding:0 11px;color:var(--muted)}.app-search input{border:0;outline:0;background:transparent;color:var(--text);flex:1}.app-search kbd{font-size:9px;border:1px solid var(--border);padding:3px 5px;border-radius:5px}.top-actions{display:flex;align-items:center;gap:9px}.top-actions form{display:flex}.square-btn,.menu-toggle{width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted)}.menu-toggle{display:none}.app-content{max-width:1480px;margin:auto;padding:34px 34px 55px}.app-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.overline{color:var(--primary);font-size:10px;letter-spacing:.08em;font-weight:750}.app-heading h1{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:7px 0}.app-heading p{color:var(--muted);margin:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-grid article{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.metric-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-style:normal;margin-bottom:14px}.metric-icon.indigo{background:var(--primary-soft);color:var(--primary)}.metric-icon.teal{background:rgba(13,148,136,.11);color:#0d9488}.metric-icon.blue{background:rgba(37,99,235,.1);color:#2563eb}.metric-icon.orange{background:rgba(194,65,12,.1);color:#c2410c}.metric-grid article>span,.metric-grid article>strong,.metric-grid article>small{display:block}.metric-grid article>span{font-size:11px;color:var(--muted)}.metric-grid article>strong{font-size:23px;margin:7px 0 4px;letter-spacing:-.03em}.metric-grid article>small{font-size:9px;color:var(--faint)}.recommend-card{background:linear-gradient(122deg,#3730a3,#4f46e5 60%,#6366f1);border-radius:16px;color:#fff;padding:21px 23px;display:grid;grid-template-columns:46px 1fr auto;gap:16px;align-items:center}.recommend-card>i{font-style:normal;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:21px}.recommend-card small{font-size:9px;letter-spacing:.08em;opacity:.65}.recommend-card h2{font-size:17px;margin:4px 0}.recommend-card p{font-size:11px;opacity:.72;margin:0}.section-head,.panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.section-head{margin:29px 0 14px}.section-head h2,.panel-title h2{font-size:17px;margin:0}.section-head p,.panel-title p{font-size:10px;color:var(--muted);margin:4px 0 0}.section-head>a{color:var(--primary);font-size:11px;font-weight:650}.subject-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.subject-cards.subjects-full{grid-template-columns:repeat(3,1fr);margin-top:20px}.subject-card{--subject:#4f46e5;--soft:rgba(79,70,229,.1);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:17px;position:relative;overflow:hidden}.subject-card:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:3px;background:var(--subject)}.subject-card.blue{--subject:#2563eb;--soft:rgba(37,99,235,.1)}.subject-card.teal{--subject:#0f766e;--soft:rgba(15,118,110,.1)}.subject-card.orange{--subject:#c2410c;--soft:rgba(194,65,12,.1)}.subject-card.rose{--subject:#be123c;--soft:rgba(190,18,60,.1)}.subject-card.purple{--subject:#7c3aed;--soft:rgba(124,58,237,.1)}.subject-card-top{display:flex;justify-content:space-between}.subject-card-top i{font-style:normal;width:38px;height:38px;border-radius:10px;background:var(--soft);color:var(--subject);display:grid;place-items:center}.subject-card-top span{color:var(--muted)}.subject-card h3{font-size:15px;margin:13px 0}.mastery-label{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-bottom:7px}.mastery-label b{color:var(--subject)}.progress{height:6px;background:var(--surface-2);border-radius:7px;overflow:hidden}.progress i{height:100%;display:block;background:var(--subject,var(--primary));border-radius:7px}.subject-meta{display:grid;grid-template-columns:1fr 1fr;margin:15px 0}.subject-meta span{font-size:9px;color:var(--faint);display:flex;flex-direction:column;gap:4px}.subject-meta span+span{padding-inline-start:12px;border-inline-start:1px solid var(--border)}.subject-meta b{color:var(--text);font-size:11px}.subject-card>a{display:flex;justify-content:space-between;color:var(--subject);font-size:10px;font-weight:650}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:19px;box-shadow:var(--shadow)}.dashboard-panels{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;margin-top:26px}.status-pill{border-radius:99px;padding:5px 8px;background:var(--primary-soft);color:var(--primary);font-size:9px;font-weight:650}.status-pill.success{background:#f0fdf4;color:#15803d}.mastery-message{margin-top:20px;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start}.mastery-message>i{font-style:normal;width:42px;height:42px;border-radius:11px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.mastery-message strong{font-size:12px}.mastery-message p{font-size:10px;color:var(--muted);line-height:1.7;margin:5px 0}.recent-item{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid var(--border)}.recent-item>i{font-style:normal;width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.recent-item span strong,.recent-item span small{display:block}.recent-item span strong{font-size:11px}.recent-item span small{font-size:9px;color:var(--muted);margin-top:3px}.recent-item>b{font-size:11px}.muted{color:var(--muted);font-size:11px}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed var(--strong);border-radius:15px;padding:42px;background:var(--surface)}.empty-state>i{font-style:normal;width:44px;height:44px;border-radius:12px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin:auto}.empty-state h1,.empty-state h3{margin:13px 0 6px}.empty-state p{color:var(--muted);margin:0 0 18px}.create-subject{display:grid;grid-template-columns:1fr 1.4fr;align-items:center;gap:30px}.create-subject h2{font-size:17px;margin:0 0 5px}.create-subject p{color:var(--muted);font-size:11px;margin:0}.create-subject form{display:grid;grid-template-columns:1fr 130px auto;gap:9px}.subject-hero{--subject:#4f46e5;--soft:rgba(79,70,229,.1);background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:23px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:17px}.subject-hero:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:5px;background:var(--subject)}.subject-hero.teal{--subject:#0f766e;--soft:rgba(15,118,110,.1)}.subject-hero.blue{--subject:#2563eb;--soft:rgba(37,99,235,.1)}.subject-hero.orange{--subject:#c2410c;--soft:rgba(194,65,12,.1)}.subject-hero.rose{--subject:#be123c;--soft:rgba(190,18,60,.1)}.subject-hero.purple{--subject:#7c3aed;--soft:rgba(124,58,237,.1)}.subject-identity{display:flex;gap:15px;align-items:center}.subject-identity>i{font-style:normal;width:53px;height:53px;border-radius:14px;background:var(--soft);color:var(--subject);display:grid;place-items:center;font-size:20px}.subject-identity span{font-size:9px;color:var(--muted)}.subject-identity h1{font-size:24px;margin:4px 0}.subject-identity p{color:var(--muted);font-size:10px;margin:0}.subject-score{text-align:end}.subject-score span,.subject-score strong,.subject-score small{display:block}.subject-score span{font-size:9px;color:var(--muted)}.subject-score strong{font-size:31px;color:var(--subject);margin:5px 0}.subject-score small{font-size:9px;color:var(--muted)}.subject-layout{display:grid;grid-template-columns:1.6fr .8fr;gap:16px}.subject-layout>div{display:flex;flex-direction:column;gap:16px}.sticky-panel{position:sticky;top:94px}.upload-form{margin-top:18px}.drop-zone{border:1.5px dashed var(--strong);background:var(--surface-2);border-radius:13px;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;cursor:pointer}.drop-zone input{position:absolute;opacity:0;pointer-events:none}.drop-zone i{font-style:normal;width:38px;height:38px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.drop-zone strong{font-size:11px}.drop-zone span{font-size:9px;color:var(--muted)}.upload-form>.btn{margin-top:10px;width:100%}.material-list{margin-top:17px}.material-list>div{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border-top:1px solid var(--border);padding:11px 0}.material-list>div>i{font-style:normal;width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.material-list span strong,.material-list span small{display:block}.material-list span strong{font-size:10px}.material-list span small{font-size:8px;color:var(--muted);margin-top:3px}.status{font-size:8px;border-radius:99px;padding:5px 7px;background:var(--surface-2);color:var(--muted)}.status.ready{background:#f0fdf4;color:#15803d}.status.failed{background:#fff1f2;color:#be123c}.check-list{border:1px solid var(--border);border-radius:10px;padding:5px;max-height:150px;overflow:auto}.check-list label{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;padding:8px;margin:0!important;border-radius:7px}.check-list label:hover{background:var(--surface-2)}.check-list input{width:auto;height:auto}.check-list span{font-size:10px!important;font-weight:500!important}.weakness-list{margin-top:15px}.weakness-list h2{font-size:14px;margin-top:0}.weakness-list>div{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding:11px 0;font-size:10px}.weakness-list>div b{color:#b45309}
.ready-page{max-width:680px;margin:55px auto;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:38px;box-shadow:var(--shadow)}.ready-icon{width:58px;height:58px;border-radius:16px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;margin:0 auto 18px;font-size:24px}.ready-page h1{font-size:28px;margin:11px 0 8px}.ready-page>p{color:var(--muted);line-height:1.7}.ready-metrics{display:grid;grid-template-columns:repeat(4,1fr);margin:26px 0;border-block:1px solid var(--border);padding:17px 0}.ready-metrics span+span{border-inline-start:1px solid var(--border)}.ready-metrics small,.ready-metrics b{display:block}.ready-metrics small{font-size:9px;color:var(--muted)}.ready-metrics b{font-size:11px;margin-top:5px}.privacy-box{background:var(--primary-soft);color:var(--primary);border-radius:10px;padding:11px;font-size:10px;margin-bottom:20px}.ready-page>form{margin-bottom:17px}.ready-page>form button{min-width:230px}.ready-page>a{color:var(--muted);font-size:10px}.exam-screen{position:fixed;inset:0;background:var(--bg);z-index:100;overflow:auto}.exam-screen>header{height:68px;background:var(--surface);border-bottom:1px solid var(--border);display:grid;grid-template-columns:35px 1fr auto auto;gap:13px;align-items:center;padding:0 20px;position:sticky;top:0;z-index:3}.exam-screen>header>a{font-size:22px}.exam-screen>header div small,.exam-screen>header div strong{display:block}.exam-screen>header div small{font-size:8px;color:var(--muted)}.exam-screen>header div strong{font-size:11px;margin-top:3px}.exam-clock{font-variant-numeric:tabular-nums;background:var(--surface-2);border:1px solid var(--border);border-radius:9px;padding:9px 12px;font-weight:700}.exam-top-progress{height:3px;background:var(--border);display:block;position:sticky;top:68px;z-index:3}.exam-top-progress b{height:100%;background:var(--primary);display:block}.exam-layout{max-width:1060px;margin:36px auto;display:grid;grid-template-columns:1fr 220px;gap:18px;padding:0 16px}.question-block{display:none;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:25px}.question-block.active{display:block}.question-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.question-block h1{font-size:20px;line-height:1.55;margin:25px 0}.option-list{display:flex;flex-direction:column;gap:9px}.option-list label{min-height:54px;border:1px solid var(--border);border-radius:11px;display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:8px 12px;cursor:pointer}.option-list label:has(input:checked){border-color:var(--primary);background:var(--primary-soft)}.option-list input{position:absolute;opacity:0}.option-list i{font-style:normal;width:31px;height:31px;border-radius:8px;background:var(--surface-2);display:grid;place-items:center;color:var(--muted)}.option-list label:has(input:checked) i{background:var(--primary);color:#fff}.open-answer{display:flex;flex-direction:column;gap:8px}.open-answer span{font-size:11px;font-weight:650}.open-answer textarea{border:1px solid var(--strong);border-radius:11px;background:var(--surface);color:var(--text);padding:12px;resize:vertical}.exam-buttons{display:flex;justify-content:space-between;margin-top:25px}.exam-buttons button:disabled{opacity:.35}.exam-layout>aside{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:19px;height:max-content}.exam-layout>aside h2{font-size:13px;margin:0 0 14px}.question-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.question-grid button{aspect-ratio:1;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-size:10px}.question-grid button.answered{background:var(--primary-soft);border-color:#c7d2fe;color:var(--primary)}.question-grid button.current{background:var(--primary);border-color:var(--primary);color:#fff}.exam-layout>aside p{font-size:9px;color:var(--muted);display:flex;gap:7px;align-items:center}.exam-layout>aside p i{width:8px;height:8px;border-radius:2px;background:var(--primary-soft);border:1px solid #c7d2fe}.exam-layout>aside p i.current{background:var(--primary)}.exam-layout>aside>small{display:block;color:var(--faint);font-size:8px;border-top:1px solid var(--border);padding-top:11px;margin-top:12px}.result-page{max-width:1000px;margin:auto}.result-summary{display:grid;grid-template-columns:145px 1fr;gap:26px;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px}.result-score{width:130px;height:130px;border-radius:50%;background:conic-gradient(#0d9488 var(--score),var(--border) 0);display:grid;place-items:center;position:relative}.result-score:before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--surface)}.result-score span{z-index:1;font-size:36px;font-weight:750}.result-score small{font-size:13px;color:var(--muted)}.result-summary h1{font-size:23px;margin:12px 0 7px}.result-summary p{color:var(--muted);line-height:1.7;margin:0}.result-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.result-metrics article{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:17px}.result-metrics small,.result-metrics b{display:block}.result-metrics small{font-size:9px;color:var(--muted)}.result-metrics b{font-size:20px;margin-top:7px}.result-save{display:flex;justify-content:space-between;align-items:center;gap:18px}.result-save h2{font-size:15px;margin:0 0 5px}.result-save p{font-size:10px;color:var(--muted);margin:0}.result-save>div:last-child{display:flex;gap:8px}.answer-review{display:flex;flex-direction:column;gap:11px}.answer-review article{border-inline-start:4px solid var(--border)}.answer-review article.correct{border-inline-start-color:#16a34a}.answer-review article.incorrect{border-inline-start-color:#e11d48}.answer-review article.partially_correct{border-inline-start-color:#f59e0b}.answer-review article>header{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.answer-review h3{font-size:14px;margin:15px 0}.answer-review dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.answer-review dl>div{background:var(--surface-2);border-radius:9px;padding:11px}.answer-review dt{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.answer-review dd{font-size:10px;line-height:1.6;margin:5px 0 0}.table-panel{overflow:auto;padding:0}.table-panel table{width:100%;border-collapse:collapse}.table-panel th,.table-panel td{text-align:start;padding:14px 17px;border-bottom:1px solid var(--border);font-size:11px}.table-panel th{background:var(--surface-2);color:var(--muted);font-size:9px;text-transform:uppercase}.table-panel td a{color:var(--primary);font-weight:650}.analytics-layout{display:grid;grid-template-columns:1.65fr 1fr;gap:15px}.analytics-subjects>div{display:grid;grid-template-columns:150px 1fr 45px 100px;gap:12px;align-items:center;border-top:1px solid var(--border);padding:15px 0}.analytics-subjects>div>span{display:flex;align-items:center;gap:8px}.analytics-subjects span>i{width:8px;height:8px;border-radius:50%;background:#4f46e5}.analytics-subjects span>i.teal{background:#0f766e}.analytics-subjects span>i.blue{background:#2563eb}.analytics-subjects span>i.orange{background:#c2410c}.analytics-subjects span>i.rose{background:#be123c}.analytics-subjects small{color:var(--muted);font-size:9px}.priority-list>div{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;border-top:1px solid var(--border);padding:13px 0}.priority-list>div>b{width:27px;height:27px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.priority-list span strong,.priority-list span small{display:block}.priority-list span strong{font-size:10px}.priority-list span small{font-size:8px;color:var(--muted);margin-top:3px}.priority-list em{font-style:normal;color:#b45309;font-weight:700}.tawjihi-app-hero{background:linear-gradient(125deg,#312e81,#4f46e5);color:#fff;border-radius:18px;padding:30px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tawjihi-app-hero span{font-size:9px;letter-spacing:.08em;opacity:.7}.tawjihi-app-hero h1{font-size:27px;margin:10px 0 7px}.tawjihi-app-hero p{opacity:.72;margin:0}.tawjihi-app-hero>strong{font-size:34px;text-align:center}.tawjihi-app-hero>strong small{font-size:8px;display:block;opacity:.65;margin-top:5px}.tawjihi-layout,.admin-layout{display:grid;grid-template-columns:1.45fr .8fr;gap:15px}.source-list{margin-top:13px}.source-list>label{display:grid;grid-template-columns:20px 34px 1fr auto;align-items:center;gap:9px;padding:11px 0;border-top:1px solid var(--border);cursor:pointer}.source-list>label>i{font-style:normal;width:34px;height:34px;border-radius:9px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center}.source-list span strong,.source-list span small{display:block}.source-list span strong{font-size:10px}.source-list span small{font-size:8px;color:var(--muted);margin-top:3px}.source-list label>b{font-size:8px;color:#15803d}.consent-check{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:9px!important}.consent-check input{width:auto;height:auto;margin-top:2px}.consent-check span{line-height:1.5}.admin-layout{grid-template-columns:1fr 1.1fr}
@media(max-width:1100px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-product{max-width:700px;margin:auto}.feature-section{grid-template-columns:1fr;gap:40px}.subject-cards{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.subject-layout{grid-template-columns:1fr}.sticky-panel{position:static}.analytics-layout,.tawjihi-layout,.admin-layout{grid-template-columns:1fr}}
@media(max-width:850px){.public-nav nav{display:none}.sidebar{transform:translateX(-105%);transition:.2s}.rtl .sidebar{transform:translateX(105%)}.sidebar.open{transform:translateX(0);box-shadow:var(--shadow-lg)}.app-main{margin-inline-start:0;width:100%}.menu-toggle{display:block}.app-search{display:none}.app-topbar{padding:0 17px}.app-content{padding:26px 20px 50px}.dashboard-panels{grid-template-columns:1fr}.exam-layout{grid-template-columns:1fr}.exam-layout>aside{display:none}}
@media(max-width:650px){.public-nav{height:68px}.public-nav>div .secondary{display:none}.hero{padding:55px 20px}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.trust-row{flex-wrap:wrap}.demo-window{transform:none}.demo-body{height:330px}.demo-stats{grid-template-columns:1fr 1fr}.demo-stats article:last-child{display:none}.logo-strip{gap:18px;flex-wrap:wrap;padding:20px}.logo-strip span{width:100%;text-align:center}.how{padding:75px 20px}.steps{grid-template-columns:1fr}.section-intro h2,.feature-copy h2,.tawjihi-public h2,.final-cta h2{font-size:30px}.feature-section{padding:75px 20px}.tawjihi-public{margin:70px 16px;padding:27px;grid-template-columns:1fr}.public-footer{grid-template-columns:1fr;text-align:center;gap:15px;padding:30px}.public-footer .brand{justify-content:center}.public-footer>div{text-align:center}.auth-card{padding:22px}.auth-brand{left:20px}.form-grid{grid-template-columns:1fr;gap:0}.app-content{padding:22px 14px 45px}.app-heading{align-items:flex-start;flex-direction:column}.metric-grid{display:flex;overflow:auto}.metric-grid article{min-width:200px}.recommend-card{grid-template-columns:40px 1fr}.recommend-card>a{grid-column:1/-1}.subject-cards,.subject-cards.subjects-full{grid-template-columns:1fr}.create-subject{grid-template-columns:1fr}.create-subject form{grid-template-columns:1fr}.subject-hero{align-items:flex-start}.subject-score strong{font-size:24px}.ready-page{padding:25px 17px;margin:25px auto}.ready-metrics{grid-template-columns:1fr 1fr;gap:15px}.ready-metrics span:nth-child(3){border-inline-start:0}.exam-screen>header{grid-template-columns:30px 1fr auto;padding:0 10px}.exam-screen>header .btn{display:none}.question-block{padding:18px}.question-block h1{font-size:18px}.result-summary{grid-template-columns:1fr;text-align:center}.result-score{margin:auto}.result-metrics{display:flex;overflow:auto}.result-metrics article{min-width:140px}.result-save{align-items:flex-start;flex-direction:column}.result-save>div:last-child{width:100%;flex-direction:column}.result-save>div:last-child form,.result-save>div:last-child button{width:100%}.answer-review dl{grid-template-columns:1fr}.analytics-subjects>div{grid-template-columns:105px 1fr 40px}.analytics-subjects small{display:none}.tawjihi-app-hero{align-items:flex-start;flex-direction:column;gap:20px}.table-panel table{min-width:650px}.admin-layout{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}