@font-face{font-family: "El Messiri";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/el-messiri-500-arabic.woff2") format("woff2");unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family: "El Messiri";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/el-messiri-500-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 400;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-400-arabic.woff2") format("woff2");unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 400;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-400-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-500-arabic.woff2") format("woff2");unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 500;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-500-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 600;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-600-arabic.woff2") format("woff2");unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family: "IBM Plex Sans Arabic";font-style: normal;font-weight: 600;font-display: swap;src: url("/assets/fonts/ibm-plex-sans-arabic-600-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: "Readex Pro";font-style: normal;font-weight: 400 700;font-display: swap;src: url("/assets/fonts/readex-pro-arabic.woff2") format("woff2");unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC7, U+10EC9-10EEE, U+10EF0-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1}@font-face{font-family: "Readex Pro";font-style: normal;font-weight: 400 700;font-display: swap;src: url("/assets/fonts/readex-pro-latin.woff2") format("woff2");unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--background: #ffffff;--foreground: #1a2c44;--card: #ffffff;--card-foreground: #1a2c44;--popover: #ffffff;--popover-foreground: #1a2c44;--primary: #533afd;--primary-active: #44139f;--primary-foreground: #ffffff;--secondary: #ffffff;--secondary-foreground: #3c4f69;--muted: #f4f7fa;--muted-foreground: #5c6b86;--muted-on-pattern: #45536c;--accent: #f4f2fd;--accent-foreground: #533afd;--destructive: #e61947;--border: #d4dee9;--scroll-thumb: #d4dee9;--input: #d4dee9;--ring: #533afd;--radius: 8px;--radius-ui: 8px;--sidebar: #ffffff;--sidebar-foreground: #3c4f69;--sidebar-primary: #533afd;--sidebar-primary-foreground: #ffffff;--sidebar-accent: #f4f2fd;--sidebar-accent-foreground: #533afd;--sidebar-border: #d4dee9;--sidebar-ring: #0196ed;--font-sans: -apple-system, BlinkMacSystemFont, var(--font-arabic), system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Source Code Pro", Menlo, Monaco, monospace;--font-display: var(--font-display-face), "Noto Naskh Arabic", Georgia, serif;--font-arabic-face: var(--font-arabic);--auth-glass: rgb(255 255 255 / 0.6);--auth-glass-edge: rgb(255 255 255 / 0.3);--auth-ink: #1a1a2e;--auth-ring: #332665;--auth-ink-muted: #33384b;--paper: #fdfcf7;--border-strong: #85858b;--done: #fb923c;--done-bg: rgb(253 186 116 / 0.25);--done-foreground: #1a2c44;--done-ink: #c2410c;--star: #e9a800;--cta-ground: #dfdbe5;--cover-navy: #10182a;--cover-deep: #0b0620;--cover-light: #ffffff;--cover-foreground: #ffffff;--cover-foreground-soft: color-mix(in srgb, var(--cover-foreground) 80%, transparent);--marker-stroke: url("data:image/svg+xml;utf8,");--correct-bg: #e7f8f1;--correct-line: #1e9e6a;--correct-ink: #0f7a50;--incorrect-bg: #fdf3e0;--warn: #f97316;--warn-ink: #b35310;--scrim: rgba(10, 16, 30, 0.3);--scrim-soft: rgba(10, 16, 30, 0.1);--shadow-xs: 0px 1px 1px 0px rgba(16, 17, 26, 0.16);--shadow-sm: 0px 1px 1px 0px rgba(1, 28, 58, 0.16);--shadow-md: 0px 3px 6px 0px rgba(0, 0, 0, 0.12), 0px 7px 14px 0px rgba(48, 49, 61, 0.08);--shadow-lg: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(48, 49, 61, 0.08);--shadow-xl: 0px 5px 15px 0px rgba(0, 0, 0, 0.12), 0px 15px 35px 0px rgba(48, 49, 61, 0.08), 0px 50px 100px 0px rgba(48, 49, 61, 0.08);--shadow-float: 0 2px 6px rgba(16, 24, 42, 0.06), 0 32px 64px -16px rgba(16, 24, 42, 0.24);--fmt-pdf: #c9302a;--fmt-doc: #2b59d1;--fmt-xls: #19743f;--fmt-ppt: #c04a16;--fmt-ink: #ffffff;--control-nav-row-height: 44px;--control-search-height: 36.5px;--control-icon-height: 32px;--control-primary-height: 30px;--motion-fast: 0.1s;--motion-ui: 0.15s;--motion-hover: 0.3s;--ease-standard: cubic-bezier(0, 0, 0.4, 1);--ease-exit: cubic-bezier(0.4, 0, 1, 1)}[lang="ar"]{--font-sans: var(--font-arabic), -apple-system, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;font-family: var(--font-sans)}[data-theme="dark"]{--scrim: rgba(0, 0, 0, 0.6);--scrim-soft: rgba(0, 0, 0, 0.4);--shadow-xs: 0 0 0 1px rgba(255, 255, 255, 0.05), 0px 1px 1px 0px rgba(0, 0, 0, 0.5);--shadow-sm: 0 0 0 1px rgba(255, 255, 255, 0.06), 0px 1px 2px 0px rgba(0, 0, 0, 0.5);--shadow-md: 0 0 0 1px rgba(255, 255, 255, 0.07), 0px 3px 6px 0px rgba(0, 0, 0, 0.5);--shadow-lg: 0 0 0 1px rgba(255, 255, 255, 0.08), 0px 5px 15px 0px rgba(0, 0, 0, 0.55);--shadow-xl: 0 0 0 1px rgba(255, 255, 255, 0.09), 0px 8px 24px 0px rgba(0, 0, 0, 0.6);--shadow-float: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 32px 64px -16px rgba(0, 0, 0, 0.8);--fmt-pdf: #f0625a;--fmt-doc: #6f94f5;--fmt-xls: #3fb573;--fmt-ppt: #f0834f;--fmt-ink: #0b0b0c;color-scheme: dark;--background: #020202;--foreground: #f1f5f9;--card: #050505;--card-foreground: #f1f5f9;--popover: #050505;--popover-foreground: #f1f5f9;--primary: #a6b1fc;--primary-active: #7079c0;--primary-foreground: #10182a;--secondary: #0a0a0a;--secondary-foreground: #b7b7b7;--muted: #111111;--muted-foreground: #929292;--muted-on-pattern: #ababab;--accent: #282b3b;--accent-foreground: #c5cefe;--destructive: #e61947;--border: rgba(255, 255, 255, 0.14);--scroll-thumb: #2e2e2e;--input: rgba(255, 255, 255, 0.22);--ring: #a6b1fc;--sidebar: #050505;--sidebar-foreground: #b7b7b7;--sidebar-primary: #a6b1fc;--sidebar-primary-foreground: #10182a;--sidebar-accent: #282b3b;--sidebar-accent-foreground: #c5cefe;--sidebar-border: rgba(255, 255, 255, 0.14);--sidebar-ring: #a6b1fc;--paper: #070707;--border-strong: #727272;--done: #fb923c;--done-bg: rgb(251 146 60 / 0.2);--done-foreground: #1a2c44;--done-ink: #eaa862;--star: #f2c14e;--cta-ground: #1e1e1e;--cover-navy: #10182a;--cover-deep: #0b0620;--cover-light: #ffffff;--cover-foreground: #ffffff;--marker-stroke: url("data:image/svg+xml;utf8,");--correct-bg: #0f2a20;--correct-line: #2fbf85;--correct-ink: #7fe0b8;--incorrect-bg: #33230e;--warn: #f97316;--warn-ink: #f5b27a}:root{--font-arabic: "IBM Plex Sans Arabic";--font-display-face: "El Messiri"}
:root{--primary: #332665;--primary-active: #241a4a;--accent: #f2f0f8;--accent-foreground: #332665;--ring: #332665;--sidebar-primary: #332665;--sidebar-ring: #332665;--sidebar-accent: #f2f0f8;--sidebar-accent-foreground: #332665;color-scheme: light}
:root{--sec: 112px;--head: 56px;--gap: 32px;--row: 56px;--tie: 12px;--lead: 12px;--col: 64px;--pad: 48px;--bar-h: 68px}@media (max-width: 1199px){:root{--pad: 32px}}@media (max-width: 767px){:root{--sec: 80px;--head: 36px;--gap: 20px;--row: 32px;--tie: 8px;--lead: 8px;--col: 32px;--pad: 20px;--bar-h: 60px}}.wrap{inline-size: 100%;max-inline-size: 1280px;margin-inline: auto;padding-inline: var(--pad)}.grid{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));column-gap: var(--gap)}.span-4{grid-column: span 4}.span-5{grid-column: span 5}.span-6{grid-column: span 6}.span-7{grid-column: span 7}.span-8{grid-column: span 8}.span-12{grid-column: 1 / -1}@media (max-width: 767px){.grid{grid-template-columns: minmax(0, 1fr)}.grid > [class*="span-"]{grid-column: 1 / -1}}*, *::before, *::after{box-sizing: border-box}html{background: var(--background);color: var(--foreground);font-family: var(--font-sans);-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip;scroll-padding-block-start: calc(var(--bar-h) + 24px);-webkit-text-size-adjust: 100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}body{margin: 0;font-size: 17px;line-height: 1.7;background: var(--background);overflow-x: clip}h1, h2, h3, h4, p, ul, ol, dl, dd, figure, blockquote{margin: 0;padding: 0}h1, h2, h3, h4{font-weight: inherit}[hidden]{display: none !important}ul, ol{list-style: none}img, svg{display: block;max-inline-size: 100%}a{color: inherit;text-decoration: none}button{font: inherit;color: inherit;background: none;border: 0;padding: 0;cursor: pointer}bdi{unicode-bidi: isolate}::selection{background: color-mix(in srgb, var(--primary) 18%, transparent);color: var(--foreground)}:focus{outline: none}:focus-visible{outline: 2px solid var(--ring);outline-offset: 3px;border-radius: 6px}*{scrollbar-width: thin;scrollbar-color: var(--scroll-thumb) transparent}::-webkit-scrollbar{inline-size: 10px;block-size: 10px}::-webkit-scrollbar-thumb{background: var(--scroll-thumb);border-radius: 10px;border: 3px solid transparent;background-clip: padding-box}input, textarea, [contenteditable]{caret-color: var(--primary)}.nw{white-space: nowrap}.sr{position: absolute;inline-size: 1px;block-size: 1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap}.skip:focus-visible{position: fixed;inset-block-start: 12px;inset-inline-start: 12px;z-index: 60;inline-size: auto;block-size: auto;clip-path: none;padding: 10px 16px;background: var(--background);color: var(--foreground);border-radius: var(--radius-ui);box-shadow: var(--shadow-md)}.t-h1, .t-h2, .t-h3{font-family: var(--font-display);font-weight: 500;text-wrap: balance}.t-h1{font-size: 64px;line-height: 1.12}.t-h2{font-size: 48px;line-height: 1.15}.t-h3{font-size: 26px;line-height: 1.25}.t-lead{font-size: 20px;line-height: 1.65;text-wrap: pretty}.t-body{font-size: 17px;line-height: 1.7}.t-label{font-size: 14px;line-height: 1.5}.t-strong{font-weight: 600}@font-face{font-family: "ZX Seps";src: url("/assets/fonts/zx-seps.woff2") format("woff2");font-weight: 400 700;font-display: swap;unicode-range: U+066B-066C}.num, .fig{font-family: "ZX Seps", var(--font-arabic), var(--font-sans);font-weight: 600;font-variant-numeric: tabular-nums;letter-spacing: 0}:is(.t-h1, .t-h2, .t-h3, .sec-title, .box-title) .num{font-size: 0.9em}.fig{font-size: 64px;line-height: 1;color: var(--primary)}@media (max-width: 767px){.t-h1{font-size: 32px;line-height: 1.2}.t-h2{font-size: 34px;line-height: 1.2}.t-h3{font-size: 24px}.t-lead{font-size: 18px}.t-body, body{font-size: 16px}.fig{font-size: 40px}}.band{--ground: var(--background);--ink: var(--foreground);--ink-mute: var(--muted-foreground);--rule: var(--border);--when: var(--done-ink);--link: var(--primary);position: relative;padding-block: var(--sec);background: var(--ground);color: var(--ink)}.g-white{--ground: var(--background)}.g-tint{--ground: var(--accent)}.g-muted{--ground: var(--muted)}.mute{color: var(--ink-mute, var(--muted-foreground))}.date{color: var(--when, var(--done-ink));font-weight: 600}.i{inline-size: 20px;block-size: 20px;flex: none;fill: none;stroke: currentColor;stroke-width: 1.6;stroke-linecap: round;stroke-linejoin: round}.i-sm{inline-size: 16px;block-size: 16px}[dir="rtl"] .i-dir{transform: scaleX(-1)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 10px;block-size: 48px;padding-inline: 24px;border-radius: var(--radius-ui);font-size: 16px;font-weight: 600;line-height: 1;white-space: nowrap}.btn-primary{background: var(--primary);color: var(--primary-foreground)}.btn-primary:active{background: var(--primary-active)}.btn-lg{block-size: 52px;padding-inline: 28px}.btn-sm{block-size: 40px;padding-inline: 16px;font-size: 14px}.btn-block{inline-size: 100%}.btn-round{display: inline-grid;place-items: center;flex: none;inline-size: 44px;block-size: 44px;border-radius: 50%;border: 1px solid var(--border-strong);color: var(--foreground);background: var(--background);transition: border-color 240ms var(--ease-out), color 240ms var(--ease-out)}@media (hover: hover){.btn-round:hover{border-color: var(--foreground)}}.btn-round:active{background: var(--muted)}.btn-round[aria-disabled="true"]{border-color: var(--border);color: var(--border-strong);cursor: default}.btn-round:focus-visible{border-radius: 50%}.link{color: var(--link, var(--primary));font-weight: 600;text-decoration: underline;text-underline-offset: 0.22em;text-decoration-thickness: 1px;text-decoration-color: color-mix(in srgb, currentColor 45%, transparent);transition: text-decoration-color 240ms var(--ease-out)}.link:is(:hover, :focus-visible){text-decoration-color: currentColor}.link-line{display: inline-flex;align-items: center;gap: 8px;min-block-size: 44px}.link-line .i{inline-size: 18px;block-size: 18px}.sec-head{margin-block-end: var(--head);max-inline-size: 779px}.sec-title{font-family: var(--font-display);font-weight: 500;font-size: 48px;line-height: 1.15;text-wrap: balance}.sec-lead{margin-block-start: var(--lead);font-size: 20px;line-height: 1.65;color: var(--ink-mute);max-inline-size: 52ch;text-wrap: pretty}.sec-head.is-center, .is-center{text-align: center}.sec-head.is-center{margin-inline: auto}.is-center .sec-lead{margin-inline: auto}.sec-quiet{font-family: var(--font-arabic), var(--font-sans);font-size: 20px;font-weight: 600;line-height: 1.45}@media (max-width: 767px){.sec-title{font-size: 34px;line-height: 1.2}.sec-lead{font-size: 18px}}.frame{position: relative;overflow: clip;border-radius: var(--radius-ui);background: var(--muted);isolation: isolate}.frame > img{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;object-fit: cover}.frame::after{content: "";position: absolute;inset: 0;border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);border-radius: inherit;pointer-events: none;z-index: 1}.box{--ink: var(--foreground);--ink-mute: var(--muted-foreground);--rule: var(--border);--link: var(--primary);position: relative;min-inline-size: 0;background: var(--background);color: var(--foreground);border: 1px solid var(--border);border-radius: var(--radius-ui);transition: border-color 240ms var(--ease-out)}a.box{cursor: pointer;overflow: hidden;isolation: isolate}:where(a.box){display: block}@media (hover: hover){a.box:hover{border-color: var(--border-strong)}}a.box:focus-visible{outline: 2px solid var(--ring);outline-offset: 4px;border-radius: var(--radius-ui);border-color: var(--border-strong)}.box-title{font-family: var(--font-display);font-weight: 500;text-wrap: balance;color: var(--foreground)}.box-meta{font-size: 14px;line-height: 1.5;color: var(--muted-foreground)}.box-price{font-family: "ZX Seps", var(--font-arabic), var(--font-sans);font-size: 17px;font-weight: 600;color: var(--foreground);white-space: nowrap;font-variant-numeric: tabular-nums}.sec-note{margin-block-start: 16px;font-size: 14px;line-height: 1.6;color: var(--ink-mute, var(--muted-foreground))}.accr{display: flex;align-items: center;gap: 10px;font-size: 13px;line-height: 1.45;color: var(--muted-foreground);min-inline-size: 0}.accr img{flex: none;block-size: 22px;inline-size: auto;max-inline-size: none}.accr img.accr-nelc{block-size: 26px}.accr img.accr-pmi{block-size: 18px}.accr > span{min-inline-size: 0;text-wrap: pretty}.rows{border-block-start: 1px solid var(--rule, var(--border))}.rows > div{padding-block: 16px;border-block-end: 1px solid var(--rule, var(--border))}.rows dt{font-size: 16px;font-weight: 600;line-height: 1.5;color: var(--ink, var(--foreground))}.rows dd{margin-block-start: 4px;font-size: 15px;line-height: 1.6;color: var(--ink-mute, var(--muted-foreground));text-wrap: pretty}.rows-inline > div{display: grid;grid-template-columns: 9.5em minmax(0, 1fr);gap: 16px;align-items: baseline}.rows-inline dd{margin: 0;color: var(--ink, var(--foreground));font-size: 15px}.rows-inline dt{font-size: 14px;font-weight: 400;color: var(--ink-mute, var(--muted-foreground))}.ruled{display: grid;gap: 1px;background: var(--rule, var(--border));border-block: 1px solid var(--rule, var(--border))}.ruled > *{background: var(--ground, var(--background));min-inline-size: 0}.quotes{grid-template-columns: repeat(3, minmax(0, 1fr));grid-auto-rows: 1fr;border-block: 0}.quotes > li{display: grid;grid-template-rows: 1fr auto;justify-items: center;gap: 32px;padding: 44px 36px;text-align: center}.quotes blockquote{font-family: var(--font-display);font-weight: 500;font-size: 23px;line-height: 1.65;color: var(--foreground);text-wrap: pretty}.quotes blockquote bdi{font-family: var(--font-arabic), var(--font-sans);font-size: 0.9em;font-weight: 600}.quote-who{display: flex;flex-direction: column;align-items: center;gap: 2px}.quote-who::before{content: "";inline-size: 24px;block-size: 2px;margin-block-end: 16px;background: var(--primary);border-radius: 1px}.quote-who b{font-size: 16px;font-weight: 600;line-height: 1.5;color: var(--foreground)}.quote-who span{font-size: 14px;line-height: 1.5;color: var(--ink-mute, var(--muted-foreground));text-wrap: balance}@media (max-width: 1023px){.quotes{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 767px){.quotes{grid-template-columns: minmax(0, 1fr);grid-auto-rows: auto}.quotes > li{padding: 36px 8px;gap: 24px}.quotes > li:first-child{padding-block-start: 8px}.quotes > li:last-child{padding-block-end: 0}.quotes blockquote{font-size: 21px;line-height: 1.6}}.ui{--ui-ink: var(--foreground);--ui-mute: var(--muted-foreground);font-family: var(--font-arabic), var(--font-sans);background: var(--background);color: var(--ui-ink);border: 1px solid var(--border);border-radius: var(--radius-ui);text-align: start;user-select: none}.ui-strip{display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;gap: 4px}.ui-strip > i{display: block;block-size: 3px;background: var(--border)}.ui-strip > i.is-done{background: var(--primary)}.ui-strip > i.is-now{background: linear-gradient(to left, var(--primary) 60%, var(--border) 60%)}.ui-strip > i.is-now:dir(ltr){background: linear-gradient(to right, var(--primary) 60%, var(--border) 60%)}.ui-ordinal{font-size: 13px;line-height: 1.6;color: var(--ui-mute)}.ui-title{margin-block-start: 6px;font-size: 26px;line-height: 1.3;font-weight: 600;text-wrap: balance}.ui-body{margin-block-start: 16px;font-size: 16px;line-height: 1.8;color: var(--ui-ink);text-wrap: pretty}.ui-rule{block-size: 1px;background: var(--border);margin-block: 24px}.ui-q{font-size: 20px;line-height: 1.45;font-weight: 600;text-wrap: balance}.ui-attempts{margin-block-start: 8px;font-size: 13px;line-height: 1.6;color: var(--ui-mute)}.ui-choices{margin-block-start: 16px;border-block-start: 1px solid var(--border)}.ui-choices > li{display: flex;align-items: center;gap: 14px;min-block-size: 52px;padding-block: 12px;border-block-end: 1px solid var(--border);font-size: 16px;line-height: 1.6}.ui-ring{flex: none;display: grid;place-items: center;inline-size: 20px;block-size: 20px;border-radius: 50%;border: 1px solid var(--border-strong);font-size: 12px;font-weight: 500;line-height: 1;color: var(--ui-ink)}.ui-choices > li.is-picked .ui-ring{background: var(--primary);border-color: var(--primary);color: var(--primary-foreground)}.ui-btn{display: grid;place-items: center;block-size: 48px;border-radius: var(--radius-ui);background: var(--primary);color: var(--primary-foreground);font-size: 16px;font-weight: 600}.ui-steps{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-block-start: 12px}.ui-step{font-size: 15px;font-weight: 600;color: var(--ui-mute)}.ui-step.is-on{color: var(--primary)}.ui-count{font-size: 13px;color: var(--ui-mute)}.ui-flash{display: grid;place-items: center;min-block-size: 208px;padding: 24px;text-align: center;font-size: 24px;line-height: 1.4;font-weight: 600}.ui-chat-head{display: flex;align-items: center;justify-content: space-between;gap: 12px;block-size: 52px;padding-inline: 20px;border-block-end: 1px solid var(--border);font-size: 14px;font-weight: 600}.ui-chat-head span:last-child{color: var(--primary)}.ui-chat-body{padding: 20px}.ui-who{font-size: 13px;line-height: 1.5;color: var(--ui-mute)}.ui-who.is-maha{color: var(--primary);font-weight: 600}.ui-msg{margin-block-start: 4px;font-size: 15px;line-height: 1.7;text-wrap: pretty}.ui-msg + .ui-who{margin-block-start: 20px}.ui-src{margin-block-start: 8px;font-size: 13px;line-height: 1.5;color: var(--ui-mute);text-decoration: underline;text-underline-offset: 0.22em;text-decoration-color: color-mix(in srgb, currentColor 45%, transparent)}.ui-field{display: flex;align-items: center;justify-content: space-between;gap: 12px;min-block-size: 44px;margin-block-start: 20px;border-block-end: 1px solid var(--border-strong);font-size: 15px}.ui-field span:first-child{color: var(--ui-mute)}.ui-field span:last-child{color: var(--primary);font-weight: 600}.ui-talk{display: inline-flex;align-items: center;min-block-size: 44px;margin-block-start: 12px;font-size: 14px;font-weight: 600;color: var(--primary)}.ui-prog{padding: 20px}.ui-prog-t{font-size: 20px;font-weight: 600;line-height: 1.4}.ui-prog-s{margin-block-start: 8px;font-size: 15px;line-height: 1.5}.ui-bar{margin-block-start: 12px;block-size: 6px;border-radius: 3px;background: var(--border);overflow: hidden}.ui-bar > i{display: block;block-size: 100%;inline-size: var(--p, 50%);background: var(--primary);border-radius: 3px}.ui-prog-h{margin-block-start: 20px;font-size: 15px;font-weight: 600;line-height: 1.5;padding-block-end: 4px}.ui-lessons > li{display: flex;align-items: center;gap: 10px;min-block-size: 48px;border-block-end: 1px solid var(--border);font-size: 14px;line-height: 1.4}.ui-lessons > li:last-child{border-block-end: 0}.ui-lessons bdi{flex: 1 1 auto;min-inline-size: 0}.ui-lessons .is-now bdi{font-weight: 600}.ui-lessons > li:not(.is-done):not(.is-now) bdi{color: var(--ui-mute)}.ui-lessons .ui-end{flex: none;font-size: 13px;color: var(--ui-mute)}.ui-lessons .is-done .ui-end{color: var(--ui-ink)}.ui-mark{flex: none;position: relative;inline-size: 22px;block-size: 22px;border-radius: 50%;border: 1.5px solid var(--border-strong)}.is-done > .ui-mark{background: var(--done-ink);border-color: var(--done-ink)}.is-done > .ui-mark::after{content: "";position: absolute;inset-block-start: 5px;inset-inline-start: 6.5px;inline-size: 5px;block-size: 9px;border: solid var(--background);border-width: 0 1.6px 1.6px 0;transform: rotate(45deg)}.is-now > .ui-mark{border-color: var(--primary)}.is-now > .ui-mark::after{content: "";position: absolute;inset: 0;margin: auto;inline-size: 6px;block-size: 6px;border-radius: 50%;background: var(--primary)}.marks{display: flex;flex-wrap: wrap;align-items: center;gap: 24px 40px}.marks img{block-size: var(--h, 32px);inline-size: auto;max-inline-size: 160px;object-fit: contain;filter: grayscale(1);opacity: var(--o, 0.72)}.bar{position: sticky;inset-block-start: 0;z-index: 30;background: var(--background);border-block-end: 1px solid var(--border)}.bar .wrap{display: flex;align-items: center;gap: 40px;block-size: var(--bar-h)}.bar-logo{display: inline-flex;align-items: center;min-block-size: 44px}.bar-logo img{block-size: 20px;inline-size: auto}.bar-nav{display: flex;gap: 32px;font-size: 14px}.bar-nav a{display: inline-flex;align-items: center;min-block-size: 44px;color: var(--foreground);transition: color 240ms var(--ease-out)}.bar-end{margin-inline-start: auto;display: flex;align-items: center;gap: 24px;font-size: 14px}.bar-signin{display: inline-flex;align-items: center;min-block-size: 44px;color: var(--foreground)}.bar-menu{display: none;inline-size: 44px;block-size: 44px;align-items: center;justify-content: center;margin-inline-end: -10px;color: var(--foreground)}.bar-menu .i-shut{display: none}.bar-menu[aria-expanded="true"] .i-open{display: none}.bar-menu[aria-expanded="true"] .i-shut{display: block}@media (hover: hover){.bar-nav a:hover, .bar-signin:hover{color: var(--primary)}}.bar-sheet{position: absolute;inset-inline: 0;inset-block-start: 100%;background: var(--background);border-block-end: 1px solid var(--border);transition: opacity 200ms var(--ease-out), translate 200ms var(--ease-out)}@starting-style{.bar-sheet{opacity: 0;translate: 0 -8px}}.bar-sheet::after{content: "";position: absolute;inset-inline: 0;inset-block-start: calc(100% + 1px);block-size: 100vh;background: var(--scrim)}.bar .bar-sheet .wrap{display: block;block-size: auto;padding-block: 4px 12px}.bar-sheet li + li{border-block-start: 1px solid var(--border)}.bar-sheet a{display: flex;align-items: center;min-block-size: 56px;font-size: 17px;font-weight: 500;color: var(--foreground)}.bar-sheet-signin a{color: var(--primary);font-weight: 600}@media (min-width: 900px){.bar-sheet{display: none !important}}@media (prefers-reduced-motion: reduce){.bar-sheet{transition: none}}@media (max-width: 899px){.bar .wrap{gap: 16px}.bar-nav, .bar-signin{display: none}.bar-menu{display: inline-flex}.bar-end{gap: 8px}.bar-end .btn{block-size: 44px;padding-inline: 16px}}.foot{padding-block: 72px 40px;background: var(--muted);color: var(--foreground)}.foot-top{display: grid;grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr));gap: 32px var(--gap)}.foot-brand img{block-size: 20px;inline-size: auto}.foot-brand p{margin-block-start: var(--tie);font-size: 15px;line-height: 1.6;color: var(--foreground);max-inline-size: 34ch}.foot h2{font-size: 14px;font-weight: 600;line-height: 1.5;margin-block-end: 8px}.foot li a{display: inline-flex;align-items: center;min-block-size: 36px;font-size: 14px;color: var(--muted-foreground);transition: color 240ms var(--ease-out)}@media (hover: hover){.foot li a:hover{color: var(--foreground)}}.foot-marks{display: flex;flex-wrap: wrap;align-items: center;gap: 24px 48px;margin-block-start: 48px;padding-block: 24px;border-block-start: 1px solid var(--border)}.foot-group{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 24px}.foot-group > p{font-size: 14px;line-height: 1.5;color: var(--muted-foreground)}.foot-group .marks{gap: 16px 24px}.foot-bottom{display: flex;flex-wrap: wrap;gap: 8px 24px;justify-content: space-between;padding-block-start: 20px;border-block-start: 1px solid var(--border);font-size: 14px;color: var(--muted-foreground)}@media (max-width: 767px){.foot{padding-block: 56px 32px}.foot-top{grid-template-columns: minmax(0, 1fr);gap: 24px}.foot-top > div:not(.foot-brand){border-block-start: 1px solid var(--border);padding-block-start: 16px}.foot li a{min-block-size: 44px;font-size: 15px}.foot-marks{flex-direction: column;align-items: flex-start;gap: 20px}.foot-group{flex-direction: column;align-items: flex-start;gap: 12px}.foot-group .marks img{block-size: calc(var(--h, 28px) * 0.86)}}.buybar{position: fixed;inset-inline: 0;inset-block-end: 0;z-index: 40;background: var(--background);border-block-start: 1px solid var(--border);translate: 0 110%;visibility: hidden;transition: translate 220ms var(--ease-out), visibility 0s linear 220ms}.buybar.is-on{translate: none;visibility: visible;transition-delay: 0s}.buybar .wrap{display: flex;align-items: center;gap: var(--gap);padding-block: 12px calc(12px + env(safe-area-inset-bottom, 0px))}.buybar-what{min-inline-size: 0;flex: 1 1 auto}.buybar-t{font-size: 17px;font-weight: 600;line-height: 1.45;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.buybar-m{font-size: 14px;line-height: 1.5;color: var(--muted-foreground)}.buybar-price{font-family: "ZX Seps", var(--font-arabic), var(--font-sans);font-size: 17px;font-weight: 600;white-space: nowrap;font-variant-numeric: tabular-nums}@media (max-width: 767px){.buybar .wrap{display: grid;grid-template-columns: minmax(0, 1fr) auto;column-gap: 16px;row-gap: 0;padding-block: 10px calc(10px + env(safe-area-inset-bottom, 0px))}.buybar-what{grid-column: 1;grid-row: 2}.buybar-t{display: none}.buybar-price{grid-column: 1;grid-row: 1}.buybar .btn{grid-column: 2;grid-row: 1 / 3;block-size: 52px}}@media (prefers-reduced-motion: reduce){.buybar{transition-duration: 0.01ms}}
:root{--g-ink: #141414;--g-paper: #ffffff;--g-grey: #ececec;--g-mute: #6b6b6b;--g-white: #ffffff;--g-margin: clamp(16px, 1.7vw, 24px);--g-gutter: clamp(12px, 1.7vw, 24px);--g-font: "Readex Pro", "Noto Kufi Arabic", "Segoe UI", Tahoma, sans-serif;color-scheme: light}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%}body{margin: 0;background: var(--g-paper);color: var(--g-ink);font-family: var(--g-font);font-weight: 400;font-size: 15px;line-height: 1.5;padding-inline: var(--g-margin);padding-block: var(--g-margin) 96px;-webkit-font-smoothing: antialiased}::selection{background: var(--g-ink);color: var(--g-paper)}h1, h2, h3, p, ol, ul, dl, dd, figure, blockquote{margin: 0;padding: 0}ol, ul{list-style: none}img{display: block;max-width: 100%}.g-label{font-size: 12px;line-height: 1.35;font-weight: 500;letter-spacing: 0}.g-label--sm{font-size: 11px}.g-grid{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));column-gap: var(--g-gutter)}.g-display{font-weight: 700;line-height: .98;letter-spacing: -0.02em;text-wrap: balance}.g-photo{position: relative;overflow: hidden;background: #2a2a2a}.g-photo > img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;filter: grayscale(1) contrast(1.08) brightness(.96)}.g-mask{position: absolute;inset: 0;display: grid;grid-template-columns: repeat(var(--cols, 6), 1fr);grid-template-rows: repeat(var(--rows, 5), 1fr);pointer-events: none}.g-mask > i{background: var(--g-ink)}.g-mask--white > i{background: var(--g-paper)}.g-mask > i{margin: -0.5px}.gs-shader{position: relative;isolation: isolate;overflow: hidden;background: radial-gradient(60% 80% at 22% 70%, #e8957a 0%, rgba(232,149,122,0) 60%), radial-gradient(50% 70% at 70% 30%, #5fc4ae 0%, rgba(95,196,174,0) 65%), radial-gradient(40% 50% at 45% 20%, #f6e7d4 0%, rgba(246,231,212,0) 70%), linear-gradient(120deg, #0b1f1c 0%, #0f3d36 45%, #2f9a86 100%)}.gs-shader__canvas{position: absolute;inset: 0;width: 100%;height: 100%;z-index: -1;opacity: 0;transition: opacity .9s cubic-bezier(.16, 1, .3, 1)}.gs-shader.is-live .gs-shader__canvas{opacity: 1}.g-review{display: flex;flex-wrap: wrap;gap: 4px 16px;align-items: baseline;justify-content: space-between;padding-block: 56px 12px;color: var(--g-mute);font-size: 12px}.g-review:first-of-type{padding-block-start: 8px}.g-review b{color: var(--g-ink);font-weight: 500}.g-banner{color: var(--g-white);aspect-ratio: 1080 / 450;min-height: 420px;display: flex;flex-direction: column;justify-content: space-between;padding: var(--g-gutter)}.g-banner__top{display: flex;justify-content: space-between;align-items: flex-start;gap: 16px}.g-banner__meta{text-align: end}.g-banner__bottom{align-items: end}.g-banner__date{grid-column: 1 / span 3}.g-banner__num{display: block;font-weight: 700;font-size: clamp(88px, 13vw, 200px);line-height: .78;letter-spacing: -0.03em;margin-block-end: 10px}.g-banner__head{grid-column: 4 / span 6}.g-banner__head h2{font-size: clamp(40px, 6.1vw, 96px);margin-block-end: 14px}.g-banner__sub{font-size: 13px;line-height: 1.45;font-weight: 400;max-width: 34em}.g-split{display: grid;grid-template-columns: 1fr 1fr}.g-voice{color: var(--g-white);aspect-ratio: 6 / 5;display: flex;flex-direction: column;justify-content: space-between;padding: var(--g-gutter)}.g-voice__top{display: flex;justify-content: space-between;gap: 16px}.g-voice__who{text-align: end}.g-voice blockquote p{font-weight: 700;font-size: clamp(30px, 3.1vw, 46px);line-height: 1.04;letter-spacing: -0.015em;text-wrap: balance;margin-block-end: 18px}.g-voice__photo{aspect-ratio: 6 / 5}.g-voice__photo img{object-position: 50% 18%;filter: grayscale(1) brightness(1.5) contrast(.92)}.g-study__photo{aspect-ratio: 1 / 1;--rows: 6}.g-study__photo img{object-position: 62% 50%}.g-study__panel{background: var(--g-ink);color: var(--g-white);display: flex;flex-direction: column;justify-content: space-between;padding: var(--g-gutter);gap: 48px}.g-study__top{display: flex;justify-content: space-between;gap: 16px}.g-study__panel h2{font-size: clamp(52px, 7.4vw, 116px);margin-block-start: 18px}.g-modules li{display: grid;grid-template-columns: 3.4em 1fr;align-items: baseline;padding-block: 5px}.g-modules .g-label{color: rgba(255,255,255,.62)}.g-modules span:last-child{font-weight: 300;font-size: clamp(17px, 1.55vw, 22px);line-height: 1.3}.g-campus{row-gap: 40px}.g-cluster{grid-column: span 4;aspect-ratio: 3 / 4;--cols: 3;--rows: 4}.g-cluster:nth-child(1) img{object-position: 50% 22%}.g-cluster:nth-child(2) img{object-position: 45% 60%}.g-cluster:nth-child(3) img{object-position: 50% 15%;filter: grayscale(1) contrast(1.15) brightness(.82)}.g-facts{grid-column: 1 / -1;align-items: end;row-gap: 28px}.g-facts dl{grid-column: span 3;display: grid;grid-template-columns: minmax(5.5em, auto) 1fr;column-gap: 16px;row-gap: 2px;font-size: 12px;line-height: 1.45}.g-facts dt{color: var(--g-mute);font-weight: 400}.g-facts dd{font-weight: 500}.g-facts dd a{color: inherit;text-decoration: underline;text-underline-offset: 3px;text-decoration-thickness: 1px}.g-facts__cta{grid-column: 9 / -1;display: flex;gap: 8px;justify-content: flex-end;flex-wrap: wrap}.g-btn{display: inline-flex;align-items: center;height: 40px;padding-inline: 20px;border-radius: 999px;font: 500 13px/1 var(--g-font);text-decoration: none;transition: background-color .2s ease, color .2s ease}.g-btn--ink{background: var(--g-ink);color: var(--g-white)}.g-btn--ink:hover{background: #333}.g-btn--grey{background: var(--g-grey);color: var(--g-ink)}.g-btn--grey:hover{background: #dedede}.g-btn:focus-visible, .g-facts dd a:focus-visible{outline: 2px solid var(--g-ink);outline-offset: 3px}.g-btn--ink:focus-visible{outline-color: var(--g-ink)}@media (max-width: 760px){.g-split{grid-template-columns: 1fr}.g-split > .g-photo{order: -1}.g-banner{aspect-ratio: auto;min-height: 560px}.g-banner__bottom{row-gap: 28px}.g-banner__date, .g-banner__head{grid-column: 1 / -1}.g-banner__head{grid-row: 1}.g-banner__head h2{font-size: clamp(40px, 11.5vw, 56px)}.g-banner__num{font-size: 120px}.g-voice{aspect-ratio: auto;min-height: 460px}.g-voice blockquote p{font-size: clamp(28px, 8.4vw, 38px)}.g-study__panel{min-height: 0}.g-study__panel h2{font-size: clamp(52px, 15vw, 72px)}.g-cluster{grid-column: 1 / -1}.g-cluster:nth-child(n+2){grid-column: span 6}.g-campus{row-gap: var(--g-gutter)}.g-facts{row-gap: 20px;margin-block-start: 16px}.g-facts dl{grid-column: 1 / -1}.g-facts__cta{grid-column: 1 / -1;justify-content: flex-start}}@media (prefers-reduced-motion: reduce){.gs-shader__canvas{transition: none}}@media (max-height: 500px){body .bar{position: static}}
.gr{--card: min(600px, 84vw, max(340px, calc(100svh - 360px)));--gap: 30px;--plate: #e8e5df;background: #fff;color: #2b2358;padding-block: clamp(48px, 7svh, 104px) clamp(48px, 8svh, 88px);overflow: hidden}.gr-head{display: grid;justify-items: stretch;inline-size: max-content;margin: 0 auto clamp(24px, 4svh, 48px);text-align: center}.gr-label{margin: 0;font: 500 12px/1.4 "Readex Pro", var(--font-arabic), sans-serif;color: rgb(43 35 88 / .7)}.gr-head h2{margin: 0;font: 700 clamp(40px, 4.2vw, 64px)/1.05 "Readex Pro", var(--font-arabic), sans-serif;letter-spacing: -.01em}.gr-stage{position: relative;block-size: var(--card)}.gr-card{position: absolute;inset-block-start: 0;left: 50%;inline-size: var(--card);block-size: var(--card);margin-left: calc(var(--card) / -2);border-radius: 36px;overflow: hidden;background: var(--plate);color: #fdfcf7;text-decoration: none;container-type: inline-size;transform: translateX(calc(var(--d) * (var(--card) * .9 + var(--gap)) * -1)) rotateY(calc(var(--d) * -14deg)) scale(calc(1 - var(--ad) * .1));transform-origin: 50% 50%;transition: transform .95s cubic-bezier(.45,0,.2,1), box-shadow .95s, opacity .6s cubic-bezier(.55,0,.25,1)}.gr-card.is-far{pointer-events: none}.gr-stage{perspective: 1600px}.gr-card{will-change: transform;-webkit-backface-visibility: hidden;backface-visibility: hidden;overflow: visible;clip-path: inset(0 round 36px);-webkit-clip-path: inset(0 round 36px)}.gr-card > *{-webkit-backface-visibility: hidden;backface-visibility: hidden}.gr-fx .gs-shader, .gr-fx canvas{-webkit-transform: translateZ(0);transform: translateZ(0)}.gr-card.is-on{box-shadow: 0 30px 70px -24px rgb(20 16 42 / .45), 0 0 0 1px rgb(255 255 255 / .6) inset}.gr-glass{position: absolute;inset: 0;z-index: 2;pointer-events: none;border-radius: inherit;box-shadow: inset 0 0 0 1px rgb(255 255 255 / .22), inset 0 1px 0 rgb(255 255 255 / .45), inset 0 -40px 80px -40px rgb(0 0 0 / .35);background: linear-gradient(155deg, rgb(255 255 255 / .22) 0%, rgb(255 255 255 / .06) 22%, rgb(255 255 255 / 0) 40%), radial-gradient(120% 60% at 50% -10%, rgb(255 255 255 / .14), transparent 60%)}.gr-card.no-move{transition: none}.gr-fill{position: absolute;inset: 0;opacity: 0;transition: opacity .6s cubic-bezier(.55,0,.25,1)}.gr-card.is-on .gr-fill{opacity: 1;transition-delay: .55s}.gr-fx{position: absolute;inset: 0;transform: scale(1.06);transition: transform .95s cubic-bezier(.45,0,.2,1)}.gr-card.is-on .gr-fx{transform: scale(1);transition: transform 4s linear .6s}.gr-fx .gs-shader{position: absolute;inset: 0}.gr-fx img{position: absolute;inset: 0;inline-size: 100%;block-size: 100%;object-fit: cover;transition: filter .8s cubic-bezier(.45,0,.2,1)}.gr-card:not(.is-on) .gr-fx img{filter: blur(16px)}.gr-scrim{position: absolute;inset: 0;background: radial-gradient(75% 60% at 50% 52%, rgb(8 6 20 / .62) 0%, rgb(8 6 20 / .38) 55%, rgb(8 6 20 / .12) 100%)}.gr-card .gr-words{position: absolute;inset: 0;padding: clamp(22px, 7cqi, 42px);display: flex;flex-direction: column;justify-content: center;align-items: center;text-align: center;z-index: 3}.gr-kicker{margin: 0 0 14px;font: 500 13px/1 var(--font-arabic), sans-serif;color: rgb(253 252 247 / .7)}.gr-was{display: block;margin-block-start: 8px;line-height: 1.3}.gr-was s{text-decoration-thickness: 1.5px}.gr-title{margin: 0;font: 700 clamp(24px, 7.2cqi, 44px)/1.2 "Readex Pro", var(--font-arabic), sans-serif;letter-spacing: -.01em;text-wrap: balance}.gr-title .w{display: inline-block;overflow: hidden;padding-block: .06em .16em;margin-block: -.06em -.16em;vertical-align: top}.gr-title .w > span{display: inline-block;transform: translateY(110%)}.gr-card.is-on .gr-title .w > span{transform: none;transition: transform .67s cubic-bezier(.8,0,.06,1) calc(.85s + var(--i) * 47ms)}.gr-desc{margin: 14px 0 0;max-inline-size: 36ch;font: 400 clamp(14px, 2.85cqi, 17px)/1.65 var(--font-arabic), sans-serif;color: rgb(253 252 247 / .82)}.gr-go{display: inline-flex;align-items: center;gap: 12px;margin-block-start: clamp(16px, 4cqi, 24px);block-size: clamp(42px, 8.4cqi, 50px);padding-inline: 26px;border-radius: 999px;background: #fdfcf7;color: #332665;font: 500 16px/1 var(--font-arabic), sans-serif;box-shadow: 0 8px 24px rgb(0 0 0 / .25);transition: transform .2s cubic-bezier(.2,0,0,1)}.gr-go svg{width: 18px;height: 18px;transform: scaleX(-1);transition: transform .2s cubic-bezier(.2,0,0,1)}.gr-card.is-on:hover .gr-go{transform: translateY(-1px)}.gr-card.is-on:hover .gr-go svg{transform: scaleX(-1) translateX(4px)}.gr-desc, .gr-go, .gr-kicker{opacity: 0;transform: translateY(10px)}.gr-card.is-on .gr-kicker, .gr-card.is-on .gr-desc, .gr-card.is-on .gr-go{opacity: 1;transform: none;transition: opacity .5s cubic-bezier(.55,0,.25,1) 1.25s, transform .5s cubic-bezier(.55,0,.25,1) 1.25s}.gr-card.is-on .gr-kicker{transition-delay: .75s}.gr-card:not(.is-on){cursor: pointer}.gr-card:not(.is-on) .gr-fill{opacity: 1;transition-delay: 0s}.gr-card:not(.is-on) .gr-title .w > span{transform: none}.gr-card:not(.is-on) .gr-kicker, .gr-card:not(.is-on) .gr-desc, .gr-card:not(.is-on) .gr-go{opacity: 1;transform: none}.gr-card > .gr-words{transition: filter .8s cubic-bezier(.45,0,.2,1), opacity .6s cubic-bezier(.55,0,.25,1)}.gr-frost{position: absolute;inset: 0;z-index: 1;pointer-events: none;border-radius: inherit;-webkit-backdrop-filter: blur(18px) saturate(1.1);backdrop-filter: blur(18px) saturate(1.1);background: rgb(255 255 255 / .04);opacity: 1;transition: opacity .8s cubic-bezier(.45,0,.2,1);will-change: opacity}.gr-card.is-on .gr-frost{opacity: 0}.gr-frost{display: none}.gr-card:not(.is-on) > .gr-words{filter: blur(11px)}.gr-card:focus-visible{outline: 2px solid #332665;outline-offset: 4px}.gr-ctl{display: flex;justify-content: space-between;margin-block-start: 20px}.gr-btn{display: inline-grid;place-items: center;inline-size: 52px;block-size: 52px;border: 0;border-radius: 50%;background: #f3f1f8;color: #332665;cursor: pointer;transition: background-color .2s, transform .2s cubic-bezier(.2,0,0,1)}.gr-btn:hover{background: #e9e5f4;transform: translateY(-1px)}.gr-btn:focus-visible{outline: 2px solid #332665;outline-offset: 3px}.gr-btn svg{width: 20px;height: 20px}.gr-btn .i-play, .gr-btn[aria-pressed="true"] .i-pause{display: none}.gr-btn[aria-pressed="true"] .i-play{display: block}@media (max-width: 760px){.gr{--card: min(86vw, max(340px, calc(100svh - 300px)));--gap: 14px;padding-block: 72px 64px}.gr-head{margin-bottom: 32px}.gr-btn{inline-size: 46px;block-size: 46px}.gr-card{border-radius: 26px;clip-path: inset(0 round 26px);-webkit-clip-path: inset(0 round 26px)}.gr-card .gr-words{padding: 24px 24px 26px}.gr-title{font-size: 26px}.gr-desc{font-size: 15px;margin-top: 10px}.gr-go{block-size: 44px;margin-top: 18px}}@media (prefers-reduced-motion: reduce){.gr-card, .gr-fill, .gr-fx, .gr-fx img, .gr-title .w > span, .gr-desc, .gr-go, .gr-kicker{transition: none !important}}[dir="ltr"] .gr-card{transform: translateX(calc(var(--d) * (var(--card) * .9 + var(--gap)))) rotateY(calc(var(--d) * 14deg)) scale(calc(1 - var(--ad) * .1))}[dir="ltr"] .gr-go svg{transform: none}[dir="ltr"] .gr-card.is-on:hover .gr-go svg{transform: translateX(4px)}
:root{--ink: #2b2358;--ink-2: rgb(43 35 88 / .62);--rule: rgb(43 35 88 / .1);--brand: #332665}body{margin: 0;padding: 0;background: #fff;color: var(--ink)}.bar{position: sticky;top: 0;z-index: 20;border-block-end: 1px solid rgba(49,36,110,.08)}.bar .wrap{block-size: 64px}.bar-lang{display: inline-flex;align-items: center;gap: 6px;min-block-size: 44px;padding-inline: 4px;color: var(--muted-foreground);font: 500 14px/1 var(--font-sans), sans-serif;text-decoration: none}.bar-lang:hover{color: var(--foreground)}.bar-lang svg{width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 1.4}.bar-end{gap: 20px}.bar-menu svg{width: 22px;height: 22px}.bar-nav a[aria-current]{color: var(--brand);font-weight: 600}.tg{--tg-side: 24px;--tg-gap: 30px;--tg-card: calc((min(100vw, 1280px) - var(--tg-side) * 2 - var(--tg-gap) * 2) / 3)}.tg-hero{max-inline-size: 1280px;margin: 0 auto;padding: 24px var(--tg-side) 0;box-sizing: border-box}.tg-band{position: relative;block-size: var(--tg-card);min-block-size: 320px;border-radius: 36px;overflow: hidden;isolation: isolate;color: #fff;background: radial-gradient(60% 80% at 25% 30%, #d06a2e 0%, transparent 60%), linear-gradient(135deg, #170f36, #2c2160 55%, #5345a0)}.tg-band > .gs-shader{position: absolute;inset: 0;z-index: 0;background: inherit}.tg-band::after{content: "";position: absolute;inset: 0;z-index: 1;pointer-events: none;border-radius: inherit;background: radial-gradient(60% 95% at 100% 40%, rgb(49 36 110 / .52) 0%, rgb(49 36 110 / .26) 50%, rgb(49 36 110 / 0) 80%);box-shadow: inset 0 0 0 1px rgb(255 255 255 / .16), inset 0 1px 0 rgb(255 255 255 / .3)}.tg-words{position: absolute;z-index: 2;inset-inline-start: 56px;inset-block-start: 56px;max-inline-size: 40em}.tg-words h1{margin: 0;color: #fff;font: 700 clamp(44px, 5vw, 72px)/1.05 "Readex Pro", var(--font-arabic), sans-serif;letter-spacing: -.01em}.tg-words p{margin: 18px 0 0;font: 400 clamp(17px, 1.35vw, 20px)/1.7 var(--font-arabic), sans-serif;color: rgb(255 255 255 / .88)}.tg-find{position: relative;z-index: 3;margin-block-start: calc(-28px - 34px);margin-inline-start: 56px;inline-size: min(calc(var(--tg-card) * 2 + var(--tg-gap) - 56px), 100%)}.tg-find label{display: block;margin-block-end: 10px;font: 500 14px/1.4 var(--font-arabic), sans-serif;color: #fff}.tg-box{position: relative}.tg-find input{box-sizing: border-box;inline-size: 100%;block-size: 56px;padding-inline: 54px 22px;border: 1px solid transparent;border-radius: 999px;background: #fff;color: var(--ink);font: 400 17px/1 var(--font-arabic), sans-serif;caret-color: var(--brand);-webkit-appearance: none;appearance: none;box-shadow: 0 10px 30px -8px rgb(23 15 54 / .35), 0 0 0 1px rgb(43 35 88 / .08);transition: border-color .2s, box-shadow .2s}.tg-find input::placeholder{color: rgb(43 35 88 / .55)}.tg-find input:focus{outline: none;border-color: var(--brand);box-shadow: 0 10px 30px -8px rgb(23 15 54 / .35), 0 0 0 3px rgb(51 38 101 / .16)}.tg-find input::-webkit-search-cancel-button{-webkit-appearance: none}.tg-find svg{position: absolute;inset-inline-start: 22px;inset-block-start: 50%;translate: 0 -50%;inline-size: 20px;block-size: 20px;color: rgb(43 35 88 / .55);pointer-events: none}.tg-say{display: flex;gap: 6px 16px;flex-wrap: wrap;align-items: baseline;margin-block-start: 14px;padding-inline: 22px}.tg-hero .sec-lead, .tg-count{margin: 0;font: 400 15px/1.6 var(--font-arabic), sans-serif;color: var(--ink-2)}.tg-count::before{content: "ยท";margin-inline-end: 16px;color: rgb(43 35 88 / .45)}.tg-count:empty::before{content: none}.tg-jump{display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 18px;margin-block-start: 28px;padding-inline: 22px;font: 500 20px/1.5 "Readex Pro", var(--font-arabic), sans-serif}.tg-jump[hidden]{display: none}.tg-jump a{color: var(--ink);text-decoration: underline;text-decoration-color: rgb(43 35 88 / .25);text-decoration-thickness: 1px;text-underline-offset: 8px;transition: text-decoration-color .2s, color .2s}.tg-jump a:hover{color: var(--brand);text-decoration-color: currentColor}.tg-jump a:focus-visible{outline: 2px solid var(--brand);outline-offset: 3px}.tg-jump span{color: rgb(43 35 88 / .45)}.tg-jump [hidden]{display: none}@media (prefers-reduced-motion: reduce){.tg-find input, .tg-jump a{transition: none}}.tg-visuals{max-inline-size: 1280px;margin: 0 auto;padding-inline: 24px;box-sizing: border-box}.tg-visuals:empty{display: none}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}.tg-sec{padding-block-start: clamp(72px, 10svh, 112px);scroll-margin-top: var(--bar-h, 64px)}.tg-head, .tg-grid > .tg-row{box-sizing: border-box;max-inline-size: 1280px;margin-inline: auto;padding-inline: 24px;inline-size: 100%}.tg-list > .tg-sec:first-child{padding-block-start: 72px}.tg-list:empty:has(+ .tg-note[hidden]){min-block-size: 100svh}.tg-list > .tg-sec:last-child{padding-block-end: clamp(96px, 12svh, 136px)}.tg-head{display: flex;justify-content: space-between;align-items: flex-end;gap: 32px;margin-block-end: clamp(24px, 4svh, 40px)}.tg-head h2{margin: 0;font: 700 clamp(36px, 3.7vw, 56px)/1.12 "Readex Pro", var(--font-arabic), sans-serif;letter-spacing: -.012em;text-wrap: balance}.tg-head p{margin: 0;max-inline-size: 36ch;font: 400 15px/1.7 var(--font-arabic), sans-serif;color: var(--ink-2)}.tg-grid{--tg-gap: 30px;display: grid;gap: var(--tg-gap)}.tg-row{--plate: #e8e5df;display: flex;justify-content: center;gap: var(--tg-gap)}.tg-row > .gr-card{position: relative;left: auto;margin-left: 0;inline-size: auto;block-size: auto;aspect-ratio: 1 / 1;transform: none;flex: 0 0 calc((100% - var(--tg-gap) * 2) / 3);min-inline-size: 0}.tg-row > .gr-card{display: flex}.tg-row > .gr-card > .gr-words{position: relative;inset: auto;flex: 1 1 auto}@media (max-width: 1099px){.tg-row{flex-wrap: wrap}.tg-row > .gr-card{flex-basis: calc((100% - var(--tg-gap)) / 2)}}.tg-row.is-stack{flex-direction: column}.tg-row.is-stack > .gr-card{flex-basis: auto;inline-size: 100%}.tg-grid > .gr{padding-block-start: 0}.tg-grid > .gr .gr-head{inline-size: min(240px, 100%)}.tg-note{max-inline-size: 1280px;margin: 0 auto;padding: 72px 24px clamp(96px, 12svh, 136px);box-sizing: border-box;font: 400 18px/1.75 var(--font-arabic), sans-serif;color: var(--ink-2)}.tg-note a{color: var(--ink);font-weight: 600;text-underline-offset: 4px}.gf{background: #fff;color: #2b2358;border-block-start: 1px solid rgb(43 35 88 / .08)}.gf-in{max-inline-size: 1184px;margin: 0 auto;padding: clamp(80px, 10svh, 112px) 24px 40px}.gf-top{display: grid;grid-template-columns: 1.6fr repeat(3, 1fr);column-gap: clamp(32px, 5vw, 80px);row-gap: 48px}.gf-brand img{display: block;block-size: 24px;inline-size: auto}.gf-brand .gf-slogan{margin: 20px 0 0;font: 600 18px/1.2 "Readex Pro", sans-serif;letter-spacing: .01em;color: #332665;text-align: right}.gf-brand .gf-slogan + p{margin-top: 6px}.gf-brand p{margin: 20px 0 0;max-inline-size: 30ch;font: 400 16px/1.75 var(--font-arabic), sans-serif;color: rgb(43 35 88 / .62)}.gf h2{margin: 0 0 22px;font: 600 14px/1 var(--font-arabic), sans-serif;color: #2b2358}.gf ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 16px}.gf-top a{font: 400 15px/1.4 var(--font-arabic), sans-serif;color: rgb(43 35 88 / .66);text-decoration: none;transition: color .2s}.gf-top a:hover{color: #2b2358}.gf-marks{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap: 40px 64px;margin-block-start: clamp(64px, 9svh, 96px);padding-block: 40px;border-block: 1px solid rgb(43 35 88 / .08)}.gf-group p{margin: 0 0 18px;font: 500 12px/1 var(--font-arabic), sans-serif;color: rgb(43 35 88 / .5)}.gf-group ul{display: flex;align-items: center;gap: 32px;block-size: 56px}.gf-group img{display: block;block-size: var(--h, 28px);inline-size: auto;filter: grayscale(1);opacity: .62;transition: filter .3s, opacity .3s}.gf-group img:hover{filter: none;opacity: 1}.gf-id{display: flex;flex-direction: column;align-items: center;gap: 8px}.gf-id span{font: 400 11px/1 var(--font-arabic), sans-serif;color: rgb(43 35 88 / .55);white-space: nowrap}.gf-group:first-child ul{block-size: auto;min-block-size: 56px}.gf-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 16px;padding-block-start: 28px;font: 400 13px/1 var(--font-arabic), sans-serif;color: rgb(43 35 88 / .5)}.gf-bottom a{color: inherit;text-decoration: none}.gf-bottom a:hover{color: #2b2358}.gf-bottom nav{display: flex;gap: 28px}[dir="ltr"] .gf-brand .gf-slogan{text-align: left}@media (max-width: 900px){.gf-top{grid-template-columns: repeat(3, 1fr)}.gf-brand{grid-column: 1 / -1}}@media (max-width: 760px){.tg{--tg-side: 20px;--tg-gap: 18px}.tg-hero{padding-block-start: 16px}.tg-band{block-size: auto;min-block-size: 0;padding: 36px 24px 108px;border-radius: 26px}.tg-band::after{background: linear-gradient(to bottom, rgb(23 15 54 / .5), rgb(23 15 54 / .3))}.tg-words{position: relative;inset: auto}.tg-words h1{font-size: 40px}.tg-words p{font-size: 16px;margin-block-start: 12px}.tg-find{margin-inline: 24px;inline-size: auto}.tg-say{padding-inline: 4px;flex-direction: column;gap: 2px}.tg-count::before{content: none}.tg-jump{padding-inline: 4px;font-size: 18px;margin-block-start: 20px}.tg-sec{padding-block-start: 64px}.tg-head, .tg-grid > .tg-row{padding-inline: 20px}.tg-list > .tg-sec:last-child{padding-block-end: 80px}.tg-head{flex-direction: column;align-items: flex-start;gap: 8px}.tg-grid{--tg-gap: 18px}.tg-note{padding: 56px 20px 80px;font-size: 17px}}@media (max-width: 560px){.gf-top{grid-template-columns: 1fr 1fr}.gf-group ul{gap: 22px;flex-wrap: wrap}}@media (prefers-reduced-motion: reduce){.tg-find input{transition: none}}