:root{color-scheme:light;--font-sans-latin: "Inter", "Segoe UI", system-ui, -apple-system, "BlinkMacSystemFont", "Helvetica Neue", sans-serif;--font-sans-arabic: "Noto Sans Arabic", "Noto Naskh Arabic", "Geeza Pro", "Tahoma", "Segoe UI", sans-serif;--font-display-latin: "Playfair Display", "Iowan Old Style", "Palatino Linotype", georgia, serif;--font-display-arabic: "Noto Naskh Arabic", "Amiri", "Geeza Pro", serif;--font-ui: "Inter", var(--font-sans-latin);--page-shell-padding: 28px;--layout-width-navbar: 72.5rem;--layout-width-content: 57.1875rem;--layout-gutter: clamp(1rem, 4vw, 1.5rem);--layer-navbar-menu: 40;--control-radius: .375rem;--control-font-size: 1rem;--control-font-weight: 500;--control-transition: .16s ease-out;--motion-duration-xs: .1s;--motion-duration-sm: .14s;--motion-duration-md: .16s;--motion-duration-lg: .2s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-emphasized: cubic-bezier(.22, 1, .36, 1);--page-text-strong: oklch(16% 0 0deg);--page-text: oklch(24% 0 0deg);--page-text-soft: oklch(44% 0 0deg);--page-text-muted: oklch(54% 0 0deg);--page-bg: oklch(100% 0 0deg);--surface-canvas-inverse: oklch(15.43% 0 0deg);--page-surface-solid: oklch(100% 0 0deg);--page-surface-muted: oklch(98.4% .003 247.858deg);--page-surface-strong: var(--page-text-strong);--page-surface: oklch(100% 0 0deg / 88%);--page-border: oklch(72% 0 0deg / 22%);--page-border-strong: oklch(58% 0 0deg / 28%);--focus-ring-color: oklch(from var(--page-text) l c h / 22%);--header-panel-surface: oklch(100% 0 0deg / 96%);--header-panel-border: oklch(from var(--page-text) l c h / 12%);--header-panel-shadow: 0 24px 70px oklch(from var(--page-text) l c h / 12%);--nav-link-text: oklch(from var(--page-text) l c h / 68%);--nav-link-text-hover: var(--page-text-strong);--nav-link-text-active: var(--page-text-strong);--nav-link-accent: oklch(from var(--page-text) l c h / 28%);--nav-link-accent-active: oklch(from var(--page-text) l c h / 54%);--nav-control-text: oklch(from var(--page-text) l c h / 78%);--nav-control-text-hover: var(--page-text-strong);--nav-control-surface-hover: oklch(100% 0 0deg);--nav-control-border: oklch(from var(--page-text) l c h / 12%);--theme-button-primary: var(--page-text-strong);--theme-button-primary-text: oklch(100% 0 0deg);--theme-shadow-soft: 0 18px 40px oklch(from var(--page-text) l c h / 6%);--theme-shadow-panel: 0 24px 70px oklch(from var(--page-text) l c h / 8%);--foreground-primary: var(--page-text-strong);--foreground-secondary: var(--page-text-soft);--foreground-tertiary: rgb(0 0 0 / 45%);--action-link-primary-gradient-start: #e98426;--action-link-primary-gradient-middle: #d64988;--action-link-primary-gradient-end: #5b0ac1;--action-link-secondary-bg: linear-gradient( 278.68deg, oklch(19.13% 0 0deg) 47.91%, oklch(24.35% 0 0deg) 100.04% );--action-link-secondary-text: oklch(100% 0 0deg);--action-link-inverted-bg: oklch(100% 0 0deg);--action-link-inverted-bg-hover: oklch(98.4% .003 247.858deg);--action-link-inverted-text: var(--page-text-strong);--action-link-primary-bg: linear-gradient( 278.68deg, var(--action-link-primary-gradient-start) -3.19%, var(--action-link-primary-gradient-middle) 48.94%, var(--action-link-primary-gradient-end) 100.04% );--action-link-primary-shadow: 0 0 0 3px rgb(255 255 255 / 7%), inset 0 1px 6.6px rgb(255 255 255 / 32%);--action-link-primary-shadow-hover: 0 0 0 3px rgb(255 255 255 / 11%), 0 10px 24px oklch(0% 0 0deg / 16%), inset 0 1px 6.6px rgb(255 255 255 / 38%);--action-link-primary-text: oklch(100% 0 0deg);--action-link-secondary-shadow: 0 0 0 3px oklch(100% 0 0deg / 4%), inset 0 1px 6.6px oklch(100% 0 0deg / 20%);--action-link-secondary-shadow-hover: 0 0 0 3px oklch(100% 0 0deg / 8%), 0 10px 24px oklch(0% 0 0deg / 14%), inset 0 1px 6.6px oklch(100% 0 0deg / 26%);--action-link-subtle-bg: oklch(98.4% .003 247.858deg);--action-link-subtle-bg-hover: oklch(92.9% .013 255.508deg);--action-link-subtle-text: oklch(7.2% .044 257.287deg);--feature-spotlight-plate-fill: rgb(0 0 0 / 5%);--feature-spotlight-big-a: oklch(88.22% 0 0deg);--feature-spotlight-big-b: oklch(79.84% 0 0deg);--feature-spotlight-glyph-a: oklch(40.91% 0 0deg);--feature-spotlight-glyph-b: oklch(26.86% 0 0deg);--feature-spotlight-p1-top: rgb(0 0 0 / 45%);--feature-spotlight-p1-bottom: oklch(43.86% 0 0deg);--feature-spotlight-card-surface: linear-gradient(137.06deg, #f3f3f3 24.05%, #ececec 75.84%);--feature-spotlight-card-radius: 7px;--feature-spotlight-p6-end: oklch(94.31% 0 0deg);--feature-spotlight-p6-start: oklch(100% 0 0deg);--feature-spotlight-p6-start-opacity: .5;--logo-icon-fill: oklch(17.9% 0 0deg / 72%);--logo-icon-fill-hover: oklch(17.9% 0 0deg / 92%);--logo-inset-highlight: oklch(100% 0 0deg / 84%);--logo-mark-base-end: oklch(100% 0 0deg);--logo-mark-base-start: oklch(100% 0 0deg);--logo-mark-glint-ember: oklch(70% .16 48deg / 22%);--logo-mark-hover-glint-ember: oklch(74% .17 48deg / 28%);--logo-mark-glint-rose: oklch(68% .18 7deg / 24%);--logo-mark-hover-glint-rose: oklch(70% .2 7deg / 30%);--logo-mark-glint-violet: oklch(52% .2 300deg / 22%);--logo-mark-hover-glint-violet: oklch(56% .22 300deg / 28%);--logo-ring: oklch(20.8% .042 265.755deg / 6%);--brand-line: oklch(70.4% .04 256.788deg / 18%);--page-selection-bg: oklch(5.8% .042 265.755deg);--page-selection-text: oklch(100% 0 0deg)}html[data-theme=dark]{color-scheme:dark;--page-text: oklch(92% 0 0deg);--page-text-strong: oklch(98.5% 0 0deg);--page-text-soft: oklch(87% 0 0deg);--page-text-muted: oklch(72% 0 0deg);--page-bg: oklch(15.43% 0 0deg);--surface-canvas-inverse: oklch(100% 0 0deg);--page-surface-solid: oklch(22.5% 0 0deg);--page-surface-muted: oklch(25.5% 0 0deg);--page-surface-strong: oklch(20% 0 0deg);--page-surface: oklch(21.5% 0 0deg / 88%);--page-border: oklch(100% 0 0deg / 10%);--page-border-strong: oklch(100% 0 0deg / 18%);--focus-ring-color: oklch(100% 0 0deg / 24%);--header-panel-surface: oklch(20% 0 0deg / 98%);--header-panel-border: oklch(100% 0 0deg / 12%);--header-panel-shadow: 0 24px 70px oklch(0% 0 0deg / 44%);--nav-link-text: oklch(from var(--page-text) l c h / 65%);--nav-link-text-hover: oklch(from var(--page-text-strong) l c h / 92%);--nav-link-text-active: var(--surface-canvas-inverse);--nav-link-accent: oklch(from var(--page-text) l c h / 26%);--nav-link-accent-active: oklch(100% 0 0deg / 62%);--nav-control-text: oklch(from var(--page-text) l c h / 72%);--nav-control-text-hover: oklch(from var(--page-text-strong) l c h / 92%);--nav-control-surface-hover: oklch(100% 0 0deg / 8%);--nav-control-border: oklch(100% 0 0deg / 10%);--theme-button-primary: oklch(97% 0 0deg);--theme-button-primary-text: oklch(17.9% 0 0deg);--theme-button-secondary: oklch(27% 0 0deg / 92%);--theme-button-secondary-border: oklch(100% 0 0deg / 12%);--theme-button-secondary-hover: oklch(32% 0 0deg / 96%);--theme-button-secondary-text: oklch(92% 0 0deg);--theme-shadow-soft: 0 18px 50px oklch(0% 0 0deg / 34%);--theme-shadow-panel: 0 24px 70px oklch(0% 0 0deg / 44%);--foreground-primary: oklch(93.7% 0 0deg);--foreground-secondary: rgb(255 255 255 / 65%);--foreground-tertiary: rgb(255 255 255 / 45%);--action-link-primary-shadow-hover: 0 0 0 3px rgb(255 255 255 / 11%), 0 12px 24px oklch(0% 0 0deg / 34%), inset 0 1px 6.6px rgb(255 255 255 / 38%);--action-link-secondary-shadow: 0 0 0 3px oklch(100% 0 0deg / 4%), inset 0 1px 6.6px oklch(100% 0 0deg / 20%);--action-link-secondary-shadow-hover: 0 0 0 3px oklch(100% 0 0deg / 9%), 0 12px 24px oklch(0% 0 0deg / 38%), inset 0 1px 6.6px oklch(100% 0 0deg / 28%);--action-link-subtle-bg: var(--theme-button-secondary);--action-link-subtle-bg-hover: var(--theme-button-secondary-hover);--action-link-subtle-text: var(--theme-button-secondary-text);--feature-spotlight-plate-fill: rgb(255 255 255 / 4%);--feature-spotlight-big-a: oklch(19.13% 0 0deg);--feature-spotlight-big-b: oklch(24.35% 0 0deg);--feature-spotlight-glyph-a: oklch(51.03% 0 0deg);--feature-spotlight-glyph-b: oklch(31.71% 0 0deg);--feature-spotlight-p1-top: oklch(0% 0 0deg);--feature-spotlight-p1-bottom: oklch(51.03% 0 0deg);--feature-spotlight-card-surface: linear-gradient( 137.06deg, oklch(19.13% 0 0deg) 24.05%, oklch(15.91% 0 0deg) 75.84% );--feature-spotlight-card-radius: 7px;--feature-spotlight-p6-end: var(--surface-canvas-inverse);--feature-spotlight-p6-start: var(--surface-canvas-inverse);--feature-spotlight-p6-start-opacity: .78;--logo-icon-fill: oklch(100% 0 0deg / 65%);--logo-icon-fill-hover: oklch(100% 0 0deg / 90%);--logo-inset-highlight: oklch(100% 0 0deg / 14%);--logo-mark-base-end: oklch(24.35% 0 0deg);--logo-mark-base-start: oklch(19.13% 0 0deg);--logo-mark-glint-ember: oklch(66% .18 48deg / 20%);--logo-mark-hover-glint-ember: oklch(70% .19 48deg / 32%);--logo-mark-glint-rose: oklch(62% .2 7deg / 20%);--logo-mark-hover-glint-rose: oklch(66% .22 7deg / 34%);--logo-mark-glint-violet: oklch(54% .22 300deg / 20%);--logo-mark-hover-glint-violet: oklch(58% .24 300deg / 32%);--logo-ring: oklch(100% 0 0deg / 3%);--brand-line: oklch(72% 0 0deg / 22%);--page-selection-bg: oklch(97% 0 0deg);--page-selection-text: oklch(17.9% 0 0deg)}