:root{--color-primary-50: #f0fdfa;--color-primary-100: #ccfbf1;--color-primary-200: #99f6e4;--color-primary-300: #5eead4;--color-primary-400: #2dd4bf;--color-primary-500: #14b8a6;--color-primary-600: #0d9488;--color-primary-700: #0f766e;--color-primary-800: #115e59;--color-primary-900: #134e4a;--color-primary-950: #042f2e;--color-success-soft: #ecfdf5;--color-success-soft-text: #047857;--color-success-soft-border: #a7f3d0;--color-warning-soft: #fffbeb;--color-warning-soft-text: #b45309;--color-warning-soft-border: #fde68a;--color-danger-soft: #fff1f2;--color-danger-soft-text: #be123c;--color-danger-soft-border: #fecdd3;--color-info-soft: #eff6ff;--color-info-soft-text: #1d4ed8;--color-info-soft-border: #bfdbfe;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-neutral-950: #0a0a0a;--font-family-heading: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "JetBrains Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1.0625rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--spacing-0: 0;--spacing-px: 1px;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--type-h1-size: 1.75rem;--type-h1-weight: 600;--type-h2-size: 1.125rem;--type-h2-weight: 600;--type-h3-size: .9375rem;--type-h3-weight: 500;--type-body-size: 1.0625rem;--type-body-weight: 400;--radius-sm: .5rem;--radius-md: .5625rem;--radius-lg: .75rem;--radius-xl: .875rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .04);--shadow-md: 0 2px 8px -2px rgb(0 0 0 / .06), 0 1px 3px -1px rgb(0 0 0 / .04);--shadow-lg: 0 4px 16px -4px rgb(0 0 0 / .08), 0 2px 6px -2px rgb(0 0 0 / .04);--shadow-xl: 0 8px 24px -6px rgb(0 0 0 / .1), 0 4px 8px -4px rgb(0 0 0 / .04);--duration-fast: .12s;--duration-normal: .2s;--duration-slow: .32s;--easing-out: cubic-bezier(.215, .61, .355, 1);--easing-in-out: cubic-bezier(.645, .045, .355, 1);--focus-ring: 0 0 0 3px rgb(20 184 166 / .18);--focus-ring-offset: 0 0 0 2px rgb(255 255 255 / 1);--touch-target-min: 44px;--app-table-cell-x: 1rem;--app-table-cell-y: .875rem;--app-table-header-y: .75rem;--app-widget-gap: 1.25rem;--app-dashboard-section-gap: 2rem;--cc-gap: var(--app-widget-gap);--skeleton-base: 226 232 240;--skeleton-shine: 241 245 249;--app-primary: 20 184 166;--app-primary-hover: 13 148 136;--app-success: 16 185 129;--app-warning: 245 158 11;--app-danger: 244 63 94;--app-info: 59 130 246;--app-surface: 255 255 255;--app-surface-muted: 248 250 252;--app-surface-hover: 241 245 249;--app-border: 226 232 240;--app-text: 15 23 42;--app-text-muted: 100 116 139;--app-text-subtle: 148 163 184;--app-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .04);--app-shadow-md: 0 2px 8px -2px rgb(0 0 0 / .06);--app-shadow-lg: 0 4px 16px -4px rgb(0 0 0 / .08);--app-shadow-xl: 0 8px 24px -6px rgb(0 0 0 / .1)}.dark,[data-theme=dark]{--app-success: 52 211 153;--app-warning: 251 191 36;--app-danger: 251 113 133;--app-info: 45 212 191;--app-canvas: 10 11 16;--app-surface: 12 15 22;--app-surface-muted: 20 20 22;--app-surface-hover: 20 20 22;--app-border: 36 38 44;--app-text: 241 245 249;--app-text-muted: 148 163 184;--app-text-subtle: 100 116 139;--app-primary: 45 212 191;--app-primary-hover: 20 184 166;--app-shadow-sm: 0 1px 3px rgb(0 0 0 / .45), 0 0 0 1px rgb(255 255 255 / .04) inset;--app-shadow-md: 0 4px 20px -4px rgb(0 0 0 / .55), 0 0 0 1px rgb(255 255 255 / .05) inset;--app-shadow-lg: 0 12px 40px -8px rgb(0 0 0 / .65), 0 0 0 1px rgb(255 255 255 / .06) inset;--app-shadow-xl: 0 24px 64px -12px rgb(0 0 0 / .75), 0 0 0 1px rgb(255 255 255 / .07) inset;--skeleton-base: 18 22 32;--skeleton-shine: 34 38 48;--color-success-soft: rgb(6 78 59 / .35);--color-success-soft-text: #6ee7b7;--color-success-soft-border: rgb(16 185 129 / .3);--color-warning-soft: rgb(120 53 15 / .35);--color-warning-soft-text: #fcd34d;--color-warning-soft-border: rgb(245 158 11 / .3);--color-danger-soft: rgb(136 19 55 / .35);--color-danger-soft-text: #fda4af;--color-danger-soft-border: rgb(244 63 94 / .3);--color-info-soft: rgb(30 58 138 / .35);--color-info-soft-text: #93c5fd;--color-info-soft-border: rgb(59 130 246 / .3)}html[dir=rtl]{--font-family-heading: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Inter", ui-sans-serif, system-ui, sans-serif;--font-family-body: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Inter", ui-sans-serif, system-ui, sans-serif}:root,[data-theme=light]{--glass-blur-none: 0;--glass-blur-xs: 6px;--glass-blur-sm: 10px;--glass-blur-md: 14px;--glass-blur-lg: 20px;--glass-blur-xl: 28px;--glass-opacity-subtle: .55;--glass-opacity-surface: .72;--glass-opacity-elevated: .84;--glass-opacity-solid: .94;--glass-opacity-overlay: .48;--glass-fill-subtle: rgb(255 255 255 / var(--glass-opacity-subtle));--glass-fill-surface: rgb(255 255 255 / var(--glass-opacity-surface));--glass-fill-elevated: rgb(255 255 255 / var(--glass-opacity-elevated));--glass-fill-solid: rgb(255 255 255 / var(--glass-opacity-solid));--glass-fill-overlay: rgb(255 255 255 / var(--glass-opacity-overlay));--glass-border-subtle: rgb(0 0 0 / .06);--glass-border-default: rgb(0 0 0 / .08);--glass-border-strong: rgb(0 0 0 / .12);--glass-border-highlight: rgb(255 255 255 / .65);--glass-border-accent: rgb(0 0 0 / .14);--glass-shadow-xs: 0 1px 2px rgb(0 0 0 / .04);--glass-shadow-sm: 0 1px 2px rgb(0 0 0 / .04), 0 0 0 1px rgb(255 255 255 / .4) inset;--glass-shadow-md: 0 4px 16px -4px rgb(0 0 0 / .08), 0 2px 6px -2px rgb(0 0 0 / .04), 0 0 0 1px rgb(255 255 255 / .35) inset;--glass-shadow-lg: 0 12px 40px -8px rgb(0 0 0 / .1), 0 4px 12px -4px rgb(0 0 0 / .05), 0 0 0 1px rgb(255 255 255 / .45) inset;--glass-shadow-xl: 0 24px 64px -12px rgb(0 0 0 / .12), 0 8px 24px -8px rgb(0 0 0 / .06), 0 0 0 1px rgb(255 255 255 / .5) inset;--glass-shadow-float: 0 20px 50px -16px rgb(0 0 0 / .14), 0 0 0 1px rgb(255 255 255 / .55) inset;--glass-ambient-a: radial-gradient(ellipse 70% 50% at 20% -10%, rgb(0 0 0 / .03), transparent 55%);--glass-ambient-b: radial-gradient(ellipse 60% 45% at 85% 5%, rgb(0 0 0 / .025), transparent 50%);--glass-ambient-c: linear-gradient(180deg, rgb(250 250 250 / .6) 0%, transparent 40%);--glass-shine-x: 50%;--glass-shine-y: 0%;--glass-shine-opacity: .06;--glass-radius-sm: var(--radius-sm, 8px);--glass-radius-md: var(--radius-md, 10px);--glass-radius-lg: var(--radius-lg, 12px);--glass-radius-xl: var(--radius-xl, 14px);--glass-radius-2xl: var(--radius-2xl, 16px);--glass-radius-panel: 18px;--glass-radius-bubble: 18px;--glass-focus-ring: 0 0 0 2px rgb(255 255 255 / .8), 0 0 0 4px rgb(0 0 0 / .12)}[data-theme=dark]{--glass-opacity-subtle: .42;--glass-opacity-surface: .58;--glass-opacity-elevated: .72;--glass-opacity-solid: .88;--glass-opacity-overlay: .38;--glass-fill-subtle: rgb(12 15 22 / var(--glass-opacity-subtle));--glass-fill-surface: rgb(12 15 22 / var(--glass-opacity-surface));--glass-fill-elevated: rgb(20 20 22 / var(--glass-opacity-elevated));--glass-fill-solid: rgb(12 15 22 / var(--glass-opacity-solid));--glass-fill-overlay: rgb(10 11 16 / var(--glass-opacity-overlay));--glass-border-subtle: rgb(255 255 255 / .06);--glass-border-default: rgb(255 255 255 / .08);--glass-border-strong: rgb(255 255 255 / .12);--glass-border-highlight: rgb(255 255 255 / .14);--glass-border-accent: rgb(255 255 255 / .16);--glass-shadow-xs: 0 1px 2px rgb(0 0 0 / .35);--glass-shadow-sm: 0 1px 3px rgb(0 0 0 / .4), 0 0 0 1px rgb(255 255 255 / .04) inset;--glass-shadow-md: 0 4px 20px -4px rgb(0 0 0 / .55), 0 0 0 1px rgb(255 255 255 / .05) inset;--glass-shadow-lg: 0 12px 40px -8px rgb(0 0 0 / .65), 0 0 0 1px rgb(255 255 255 / .06) inset;--glass-shadow-xl: 0 24px 64px -12px rgb(0 0 0 / .75), 0 0 0 1px rgb(255 255 255 / .07) inset;--glass-shadow-float: 0 20px 50px -16px rgb(0 0 0 / .7), 0 0 0 1px rgb(255 255 255 / .08) inset;--glass-ambient-a: radial-gradient(ellipse 70% 50% at 20% -10%, rgb(255 255 255 / .04), transparent 55%);--glass-ambient-b: radial-gradient(ellipse 60% 45% at 85% 5%, rgb(255 255 255 / .03), transparent 50%);--glass-ambient-c: linear-gradient(180deg, rgb(255 255 255 / .03) 0%, transparent 40%);--glass-shine-opacity: .08;--glass-focus-ring: 0 0 0 2px rgb(9 9 11 / .9), 0 0 0 4px rgb(255 255 255 / .14)}:root,[data-theme=light]{--cb-bg: #ffffff;--cb-text: #0a0f1a;--cb-muted: #5c677a;--cb-accent: #14b8a6;--cb-accent-soft: color-mix(in srgb, #14b8a6 12%, transparent);--cb-container: 76rem;--cb-font-display: "Instrument Sans", Inter, system-ui, sans-serif}[data-theme=dark]{--cb-bg: #0a0b10;--cb-text: #f1f5f9;--cb-muted: #94a3b8;--cb-accent: #2dd4bf}.cb-main{padding-block:2rem 4rem}.cb-site .cb-main,.platform-body .cb-main{min-height:50vh}.cb-site--rtl{font-family:Tajawal,Inter,system-ui,sans-serif}.cb-container{width:min(100% - 2rem,var(--cb-container));margin-inline:auto}.cb-ambient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 20% -10%,color-mix(in srgb,var(--cb-accent) 8%,transparent),transparent 50%),radial-gradient(ellipse 60% 40% at 80% 0%,color-mix(in srgb,#6366f1 6%,transparent),transparent 45%);z-index:-1}.px-glass-nav{background:color-mix(in srgb,#fff 88%,transparent);border-bottom:1px solid color-mix(in srgb,var(--cb-text) 8%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50}[data-theme=dark] .px-glass-nav{background:color-mix(in srgb,#0c0f16 88%,transparent)}.cb-nav-inner{display:flex;align-items:center;gap:1rem;min-height:4rem;flex-wrap:wrap}.cb-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;margin-inline-end:auto}.cb-brand-mark{width:2rem;height:2rem;border-radius:.625rem;background:linear-gradient(135deg,var(--cb-accent),#0f766e);box-shadow:0 8px 24px color-mix(in srgb,var(--cb-accent) 25%,transparent)}.cb-brand small{display:block;font-size:.75rem;color:var(--cb-muted)}.cb-nav-links{display:flex;gap:1rem}.cb-nav-links a{color:var(--cb-muted);text-decoration:none;font-size:.9375rem}.cb-nav-links a:hover,.cb-nav-links a[aria-current=page]{color:var(--cb-accent)}.cb-nav-actions{display:flex;align-items:center;gap:.75rem;margin-inline-start:auto}.cb-locale-switch{display:flex;gap:.375rem}.cb-locale-switch a{padding:.375rem .625rem;border-radius:999px;font-size:.8125rem;text-decoration:none;color:var(--cb-muted);border:1px solid color-mix(in srgb,var(--cb-text) 10%,transparent)}.cb-locale-switch a.is-active{color:var(--cb-accent);border-color:var(--cb-accent)}.cb-btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;border-radius:999px;font-weight:600;font-size:.875rem;text-decoration:none;border:1px solid transparent}.cb-btn-primary{background:var(--cb-accent);color:#fff}.cb-main{padding-block:clamp(3rem,6vw,5rem)}.cb-hero{margin-bottom:3rem}.cb-hero .cb-eyebrow{display:inline-flex;padding:.375rem .75rem;border-radius:999px;background:var(--cb-accent-soft);color:var(--cb-accent);font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}.cb-hero h1{font-family:var(--cb-font-display);font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.02em;max-width:18ch}.cb-hero p{color:var(--cb-muted);max-width:52ch;font-size:1.125rem;line-height:1.6}.cb-search{position:relative;max-width:28rem;margin-top:1.5rem}.cb-search input{width:100%;padding:.875rem 1rem;border-radius:1rem;border:1px solid color-mix(in srgb,var(--cb-text) 12%,transparent);background:color-mix(in srgb,var(--cb-bg) 80%,transparent);color:inherit;font:inherit}.cb-grid{display:grid;gap:1.25rem}@media(min-width:768px){.cb-grid--2{grid-template-columns:repeat(2,1fr)}}.cb-card{border-radius:1rem;border:1px solid color-mix(in srgb,var(--cb-text) 8%,transparent);background:color-mix(in srgb,var(--cb-bg) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;height:100%;display:flex;flex-direction:column}.cb-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px color-mix(in srgb,var(--cb-text) 8%,transparent)}.cb-card-media{aspect-ratio:16/9;background:linear-gradient(135deg,#0f766e,#134e4a)}.cb-card-media img{width:100%;height:100%;object-fit:cover;display:block}.cb-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.625rem;flex:1}.cb-card-meta{font-size:.8125rem;color:var(--cb-muted);display:flex;gap:.75rem;flex-wrap:wrap}.cb-card-category{color:var(--cb-accent);font-weight:600;text-decoration:none}.cb-card h2,.cb-card h3{font-family:var(--cb-font-display);font-size:1.125rem;line-height:1.35;margin:0}.cb-card h2 a,.cb-card h3 a{color:inherit;text-decoration:none}.cb-card-excerpt{color:var(--cb-muted);font-size:.9375rem;line-height:1.55;flex:1}.cb-layout{display:grid;gap:2.5rem}@media(min-width:1024px){.cb-layout--sidebar{grid-template-columns:1fr 18rem;align-items:start}.cb-sidebar{position:sticky;top:6rem}}.cb-section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.25rem}.cb-section-head h2{font-family:var(--cb-font-display);font-size:1.375rem;margin:0}.cb-pills{display:flex;flex-wrap:wrap;gap:.5rem}.cb-pill{padding:.375rem .75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--cb-text) 10%,transparent);font-size:.8125rem;color:var(--cb-muted);text-decoration:none}.cb-pill:hover{border-color:var(--cb-accent);color:var(--cb-accent)}.cb-prose{font-size:1.0625rem;line-height:1.75}.cb-prose h2{font-family:var(--cb-font-display);font-size:1.5rem;margin:2rem 0 .75rem}.cb-prose h3{font-size:1.2rem;margin:1.5rem 0 .5rem}.cb-prose p{margin:0 0 1rem}.cb-prose a{color:var(--cb-accent)}.cb-prose blockquote{margin:1.25rem 0;padding:1rem 1.25rem;border-inline-start:3px solid var(--cb-accent);background:var(--cb-accent-soft);border-radius:0 .75rem .75rem 0}.cb-callout{margin:1.25rem 0;padding:1rem 1.25rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--cb-accent) 25%,transparent);background:var(--cb-accent-soft)}.cb-footer{margin-top:4rem;padding:2rem 0;border-top:1px solid color-mix(in srgb,var(--cb-text) 8%,transparent)}.cb-footer-inner{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.cb-footer p{color:var(--cb-muted);max-width:36ch;margin:.5rem 0 0}.cb-footer-links{display:flex;gap:1rem;flex-wrap:wrap}.cb-footer-links a{color:var(--cb-muted);text-decoration:none}.cb-footer-links a:hover{color:var(--cb-accent)}.cb-scroll-progress{position:fixed;inset:0 0 auto;height:3px;z-index:60;background:transparent}.cb-scroll-progress__bar{display:block;height:100%;width:0;background:var(--cb-accent);transition:width .1s linear}.cb-search-results{position:absolute;inset-inline:0;top:calc(100% + .375rem);background:var(--cb-bg);border:1px solid color-mix(in srgb,var(--cb-text) 10%,transparent);border-radius:.75rem;box-shadow:0 12px 32px color-mix(in srgb,var(--cb-text) 10%,transparent);max-height:20rem;overflow:auto;display:none}.cb-search-results.is-open{display:block}.cb-search-item{display:block;padding:.875rem 1rem;text-decoration:none;color:inherit;border-bottom:1px solid color-mix(in srgb,var(--cb-text) 6%,transparent)}.cb-search-item strong{display:block;margin-bottom:.25rem}.cb-search-item span{font-size:.875rem;color:var(--cb-muted)}
