:root{--ink:#19181a;--graphite:#302f31;--ash:#8d8d8e;--mist:#c9c9ca;--line:#e4e4e5;--paper:#fafbfa;--card:#fff;--fg:var(--ink);--fg-soft:#56555a;--fg-mute:var(--ash);--bg:var(--paper);--surface:var(--card);--border:var(--line);--shadow:0 1px 2px #19181a0a, 0 8px 28px #19181a0f;--shadow-lg:0 2px 6px #19181a0f, 0 24px 64px #19181a1a;--correct:#10795a;--correct-bg:#e8f4ef;--wrong:#b4392f;--wrong-bg:#fbecea;--gold:#9a7b2e;--gold-bg:#f7f1e2;--r-sm:8px;--r:14px;--r-lg:22px;--r-xl:32px;--sans:"IBM Plex Sans Arabic", system-ui, "Segoe UI", sans-serif;--display:"Tajawal", "IBM Plex Sans Arabic", sans-serif;--page:1180px;--ease:cubic-bezier(.22, 1, .36, 1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--fg:#f4f4f4;--fg-soft:#b9b9ba;--fg-mute:#86868a;--bg:#131214;--surface:#1c1b1e;--border:#2e2d31;--mist:#3a393d;--shadow:0 1px 2px #00000080, 0 8px 28px #0000006b;--shadow-lg:0 2px 6px #00000080, 0 24px 64px #0000008c;--correct:#4bbd92;--correct-bg:#14322a;--wrong:#ef8378;--wrong-bg:#3a201d;--gold:#d9b566;--gold-bg:#332b17}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sans);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.75;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.015em;margin:0;font-weight:800;line-height:1.22}a{color:inherit;text-decoration:none}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:1rem}::selection{background:var(--ink);color:var(--paper)}.page{max-width:var(--page);margin:0 auto;padding:0 22px}.narrow{max-width:760px}.stack{flex-direction:column;display:flex}.row{align-items:center;gap:12px;display:flex}.between{justify-content:space-between;align-items:center;gap:16px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:1}.center{text-align:center}.section{padding:84px 0}.section-sm{padding:48px 0}.nav{z-index:60;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:saturate(180%)blur(16px);backdrop-filter:saturate(180%)blur(16px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:16px;height:66px;display:flex}.brand{align-items:center;gap:11px;font-weight:700;display:flex}.brand img{object-fit:cover;border:1px solid var(--border);border-radius:50%;width:36px;height:36px}.brand-name{font-family:var(--display);letter-spacing:-.01em;font-size:.98rem;line-height:1.15}.brand-sub{color:var(--fg-mute);letter-spacing:.02em;font-size:.7rem}.nav-links{align-items:center;gap:6px;display:flex}.btn{--btn-bg:var(--ink);--btn-fg:var(--paper);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;transition:transform .18s var(--ease), box-shadow .18s var(--ease), opacity .18s;white-space:nowrap;border:1px solid #0000;border-radius:100px;justify-content:center;align-items:center;gap:9px;padding:11px 22px;font-size:.94rem;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-lg{padding:15px 30px;font-size:1.02rem}.btn-sm{padding:7px 15px;font-size:.84rem}.btn-ghost{--btn-bg:transparent;--btn-fg:var(--fg);border-color:var(--border)}.btn-ghost:hover:not(:disabled){border-color:var(--fg-mute)}.btn-quiet{--btn-bg:transparent;--btn-fg:var(--fg-soft);padding:8px 12px}.btn-quiet:hover{--btn-fg:var(--fg)}.btn-block{width:100%;display:flex}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .btn{--btn-bg:#f4f4f4;--btn-fg:#131214}:root:not([data-theme=light]) .btn-ghost{--btn-bg:transparent;--btn-fg:var(--fg)}:root:not([data-theme=light]) .btn-quiet{--btn-bg:transparent;--btn-fg:var(--fg-soft)}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:26px}.card-flat{box-shadow:none}.card-hover{transition:border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease)}.card-hover:hover{border-color:var(--fg-mute);box-shadow:var(--shadow);transform:translateY(-3px)}.tag{letter-spacing:.02em;border:1px solid var(--border);color:var(--fg-soft);background:0 0;border-radius:100px;align-items:center;gap:6px;padding:4px 11px;font-size:.74rem;font-weight:600;display:inline-flex}.tag-solid{background:var(--ink);color:var(--paper);border-color:#0000}.tag-ok{color:var(--correct);border-color:color-mix(in srgb, var(--correct) 35%, transparent);background:var(--correct-bg)}.tag-no{color:var(--wrong);border-color:color-mix(in srgb, var(--wrong) 35%, transparent);background:var(--wrong-bg)}.tag-gold{color:var(--gold);border-color:color-mix(in srgb, var(--gold) 38%, transparent);background:var(--gold-bg)}.eyebrow{letter-spacing:.16em;color:var(--fg-mute);text-transform:uppercase;font-size:.74rem;font-weight:600}.lead{color:var(--fg-soft);font-size:1.14rem;line-height:1.85}.muted{color:var(--fg-mute)}.small{font-size:.86rem}.tiny{font-size:.76rem}.mono{font-variant-numeric:tabular-nums}.h-display{letter-spacing:-.03em;font-size:clamp(2.4rem,6.4vw,4.6rem);font-weight:900}.h1{font-size:clamp(1.9rem,3.6vw,2.7rem)}.h2{font-size:clamp(1.45rem,2.6vw,1.95rem)}.h3{font-size:1.16rem;font-weight:700}.field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.field label{color:var(--fg-soft);font-size:.87rem;font-weight:600}.field .req{color:var(--wrong)}.input{background:var(--bg);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:var(--r);padding:13px 16px;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:var(--fg);box-shadow:0 0 0 4px color-mix(in srgb, var(--fg) 9%, transparent);outline:none}.input.bad{border-color:var(--wrong)}.err{color:var(--wrong);font-size:.82rem}.hint{color:var(--fg-mute);font-size:.8rem}.seg{gap:8px;display:flex}.seg-item{text-align:center;cursor:pointer;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);color:var(--fg-soft);transition:all .18s var(--ease);flex:1;padding:13px 10px;font-size:.92rem;font-weight:600}.seg-item:hover{border-color:var(--fg-mute)}.seg-item.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .seg-item.on{color:#131214;background:#f4f4f4;border-color:#f4f4f4}}.q-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:24px}.q-head{align-items:flex-start;gap:13px;margin-bottom:4px;display:flex}.q-num{background:var(--ink);width:34px;height:34px;color:var(--paper);border-radius:50%;flex:none;place-items:center;font-size:.86rem;font-weight:700;display:grid}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .q-num{color:#131214;background:#f4f4f4}}.q-prompt{font-size:1.04rem;font-weight:600;line-height:1.8}.q-meta{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.opt{cursor:pointer;border:1px solid var(--border);border-radius:var(--r);background:var(--bg);transition:all .16s var(--ease);align-items:flex-start;gap:12px;margin-top:9px;padding:13px 16px;display:flex}.opt:hover{border-color:var(--fg-mute)}.opt.on{border-color:var(--fg);background:color-mix(in srgb, var(--fg) 5%, var(--bg))}.opt.ok{border-color:var(--correct);background:var(--correct-bg)}.opt.no{border-color:var(--wrong);background:var(--wrong-bg)}.opt.locked{cursor:default}.opt-key{border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--fg-soft);border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:700;display:grid}.opt.on .opt-key{background:var(--ink);color:var(--paper);border-color:#0000}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .opt.on .opt-key{color:#131214;background:#f4f4f4}}.opt-text{overflow-wrap:anywhere;min-width:0;line-height:1.7}.passage{background:var(--bg);border:1px solid var(--border);border-inline-start:3px solid var(--fg-mute);border-radius:var(--r);margin:12px 0 16px;padding:16px 18px;line-height:2.05}.blank{background:var(--surface);border:1px dashed var(--fg-mute);border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:42px;margin:0 3px;padding:1px 9px;font-weight:700;display:inline-flex}.blank.filled{border-style:solid;border-color:var(--fg)}.grid-match{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.pick{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;min-width:132px;padding:9px 12px}.pick:focus{border-color:var(--fg);outline:none}.ring{--v:0;flex:none;width:168px;height:168px;position:relative}.ring svg{transform:rotate(-90deg)}.ring-val{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.ring-num{font-family:var(--display);font-size:2.3rem;font-weight:900;line-height:1}.bar{background:var(--border);border-radius:100px;height:7px;overflow:hidden}.bar>i{background:var(--fg);border-radius:100px;height:100%;display:block}.table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;padding:13px 16px}th{color:var(--fg-mute);letter-spacing:.04em;background:var(--bg);font-size:.78rem;font-weight:600;position:sticky;top:0}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .14s}tbody tr:hover{background:color-mix(in srgb, var(--fg) 3%, transparent)}td.wide{white-space:normal;min-width:240px}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;display:grid}.stat{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);padding:18px}.stat-num{font-family:var(--display);font-size:1.95rem;font-weight:900;line-height:1.1}.stat-label{color:var(--fg-mute);margin-top:3px;font-size:.8rem}.hero{padding:70px 0 40px;position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:54px;display:grid}.hero-photo{position:relative}.photo-frame{border-radius:var(--r-xl);background:var(--surface);outline:1px solid var(--border);outline-offset:0;position:relative;overflow:hidden;box-shadow:0 2px 8px #19181a0f,0 30px 70px -20px #19181a47}.photo-frame:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 -80px 90px -70px #19181a40}.hero-photo img{width:100%;display:block}.photo-blur{object-fit:cover;width:100%;height:100%;transition:opacity .55s var(--ease);position:absolute;inset:0;transform:scale(1.06)}.photo-real{transition:opacity .7s var(--ease);position:relative}.hero-badge{inset-inline-start:-18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:13px 17px;position:absolute;bottom:26px}.grainy:before{content:"";pointer-events:none;opacity:.4;background-image:radial-gradient(circle at 1px 1px, var(--mist) 1px, transparent 0);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(80% 60% at 50% 0,#000 20%,#0000 75%)}.marquee{border-block:1px solid var(--border);padding:15px 0;overflow:hidden}.marquee-track{white-space:nowrap;gap:42px;width:max-content;display:flex}.marquee-item{color:var(--fg-mute);align-items:center;gap:10px;font-size:.88rem;font-weight:500;display:inline-flex}.steps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;display:grid}.step{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:26px;position:relative}.step-n{font-family:var(--display);color:#0000;-webkit-text-stroke:1.4px var(--mist);margin-bottom:10px;font-size:2.5rem;font-weight:900;line-height:1}.feat{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:18px;display:grid}.feat-icon{border:1px solid var(--border);background:var(--bg);border-radius:12px;place-items:center;width:42px;height:42px;margin-bottom:14px;display:grid}.foot{border-top:1px solid var(--border);color:var(--fg-mute);padding:40px 0;font-size:.86rem}.divider{background:var(--border);border:0;height:1px;margin:0}.sticky-bar{z-index:40;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:13px 0;position:sticky;bottom:0}.skel{background:linear-gradient(90deg, var(--border) 25%, color-mix(in srgb, var(--border) 45%, var(--surface)) 50%, var(--border) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.35s infinite sk}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{inset-inline:0;z-index:90;pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:22px}.toast>div{background:var(--ink);color:var(--paper);box-shadow:var(--shadow-lg);border-radius:100px;padding:12px 20px;font-size:.9rem;font-weight:500}@media (width<=880px){.hero-grid{grid-template-columns:1fr;gap:34px}.hero-photo{order:-1;max-width:400px;margin:0 auto}.hero-badge{inset-inline-start:8px}.section{padding:56px 0}.card{padding:20px}.brand-sub{display:none}}@media (width<=620px){.opt-stack{flex-direction:column;gap:10px;align-items:stretch!important}.opt-stack .opt-text{width:100%}.opt-stack .opt-controls{width:100%;flex:auto!important}.opt-stack .opt-controls .btn{flex:auto}.opt-stack .pick{width:100%;min-width:0}.opt-stack .opt-key{align-self:flex-start}.q-card{padding:18px 15px}.q-prompt{font-size:.99rem}.opt{padding:12px 13px}.passage{padding:14px;line-height:1.95}}@media (width<=520px){.page{padding:0 16px}.nav-inner{gap:10px;height:58px}.brand img{width:32px;height:32px}.brand-name{white-space:nowrap;font-size:.88rem}.nav-links>span.small{display:none}.nav-links{gap:4px}.nav-links .btn{padding:7px 12px;font-size:.82rem}.h1{font-size:1.55rem}.h2{font-size:1.3rem}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:14px}.stat-num{font-size:1.6rem}.sticky-bar{padding:11px 0 calc(11px + env(safe-area-inset-bottom))}.sticky-bar .btn-lg{padding:13px 20px;font-size:.95rem}.ring,.ring svg{width:140px;height:140px}.ring-num{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.exam-nav{flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex}.exam-nav button{cursor:pointer;border-radius:9px;flex:none;width:36px;height:36px;font-weight:700}@media (width<=640px){.exam-nav{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;flex-wrap:nowrap;max-width:100%;margin-bottom:12px;padding:4px 2px 8px;overflow-x:auto}.exam-nav::-webkit-scrollbar{display:none}.exam-nav button{width:40px;height:40px}.exam-top{padding:8px 12px!important}.exam-actions .btn{padding-inline:14px}}.exam-root{max-width:100vw;overflow-x:clip}.exam-root .q-card,.exam-root .opt-text{overflow-wrap:anywhere;min-width:0}.exam-root .sticky-bar{position:fixed;bottom:0;left:0;right:0}html:has(.exam-root){overscroll-behavior-y:none}html:has(.exam-root) body{overscroll-behavior-y:none}