:root{--color-navy-950:#061a2f;--color-navy-900:#08243d;--color-navy-800:#0d2b4a;--color-navy-700:#123b60;--color-teal-700:#008f78;--color-teal-600:#00a98f;--color-teal-500:#08b89a;--color-teal-400:#20c9ad;--color-teal-300:#65ded0;--color-neutral-950:#0b1726;--color-neutral-900:#17202a;--color-neutral-700:#344054;--color-neutral-600:#475467;--color-neutral-500:#667085;--color-neutral-400:#98a2b3;--color-neutral-300:#cbd5e1;--color-neutral-200:#e4eaf0;--color-neutral-100:#f1f5f9;--color-neutral-50:#f8fafc;--color-white:#fff;--color-success:#00a98f;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#2563eb;--font-sans:Inter, "IBM Plex Sans Arabic", sans-serif;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--space-base:8px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-xxl:24px;--radius-full:9999px;--border-light:#e4eaf0;--border-medium:#cbd5e1;--shadow-sm:0 1px 3px #061a2f0f;--shadow-md:0 8px 24px #061a2f14;--shadow-lg:0 16px 40px #061a2f1f;--gradient-brand:linear-gradient(135deg, #102a43 0%, #008f78 100%);--gradient-teal:linear-gradient(135deg, #00a98f 0%, #20c9ad 100%);--icon-stroke-width:1.75px}html{font-family:var(--font-sans);background-color:var(--color-neutral-50);color:var(--color-neutral-900)}body{margin:0}:root{--header-height:64px}body{font-family:var(--font-sans);background:var(--color-neutral-50);color:var(--color-neutral-900);flex-direction:column;min-height:100vh;margin:0;display:flex}.site-header[data-astro-cid-z4jru4n3]{height:var(--header-height);border-bottom:1px solid var(--border-light);background:var(--color-white);z-index:10;box-shadow:var(--shadow-sm);position:sticky;top:0}nav[data-astro-cid-z4jru4n3]{max-width:1120px;height:100%;padding:0 var(--space-24);align-items:center;gap:32px;margin:0 auto;display:flex}.brand[data-astro-cid-z4jru4n3]{font-weight:var(--font-weight-bold);color:var(--color-navy-900);letter-spacing:-.02em;font-size:1.125rem;text-decoration:none}nav[data-astro-cid-z4jru4n3] ul[data-astro-cid-z4jru4n3]{gap:var(--space-24);margin:0;padding:0;list-style:none;display:flex}nav[data-astro-cid-z4jru4n3] a[data-astro-cid-z4jru4n3]{color:var(--color-neutral-700);font-weight:var(--font-weight-medium);text-decoration:none}main[data-astro-cid-z4jru4n3]{max-width:1120px;padding:var(--space-48) var(--space-24);flex:1;width:100%;margin:0 auto}.site-footer[data-astro-cid-z4jru4n3]{border-top:1px solid var(--border-light);padding:var(--space-16) var(--space-24);text-align:center;color:var(--color-neutral-500);font-size:.875rem}@layer components{.icon{--_size:1.5em;width:var(--_size);aspect-ratio:1;flex:none;max-width:100%;height:auto;display:block;&.small{--_size:1em}&.large{--_size:2em}&.full-width{width:100%;aspect-ratio:unset}}.button_wrap{background-color:var(--button-background);color:var(--button-text);border:var(--border-width) solid var(--button-border);text-align:center;transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);border-radius:.5em;justify-content:center;align-items:center;gap:.5em;padding:.75em 1.5em;line-height:1.2;text-decoration:none;display:inline-flex;@media (hover:hover){&:hover:not(:disabled){background-color:var(--button-background-hover);color:var(--button-text-hover);border-color:var(--button-border-hover)}}&.secondary{--button-background:var(--button-2-background);--button-text:var(--button-2-text);--button-border:var(--button-2-border);--button-background-hover:var(--button-2-background-hover);--button-text-hover:var(--button-2-text-hover);--button-border-hover:var(--button-2-border-hover)}&.link{--button-background:transparent;--button-text:var(--link-text);--button-border:var(--link-border);--button-background-hover:transparent;--button-text-hover:var(--link-text-hover);--button-border-hover:var(--link-border);border:0;border-bottom:var(--border-width) solid var(--button-border);background-image:linear-gradient(var(--link-border-hover), var(--link-border-hover));background-position:100% 100%;background-repeat:no-repeat;background-origin:border-box;background-size:0 var(--border-width);transition:background-size calc(var(--hover-duration) * 2) var(--hover-ease), color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);border-radius:0;padding:.4em 0;@media (hover:hover){&:hover:not(:disabled){background-position:0 100%;background-size:100% var(--border-width)}}}&:is(.play,.close,.arrow){border-radius:var(--radius-round);gap:0;padding:.75em}&.back .button_mark{rotate:180deg}&.play .button_pause{display:none}&.play[aria-pressed=true]{& .button_play{display:none}& .button_pause{display:block}}&:disabled{cursor:not-allowed;opacity:.5}}}