@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Tajawal:wght@400;500;700;800&display=swap";:root{--c-blue-50:#eaf3fa;--c-blue-100:#cfe3f2;--c-blue-200:#9cc3e2;--c-blue-300:#5392be;--c-blue-400:#1e73b8;--c-blue-500:#0b5c9a;--c-blue-600:#094f86;--c-blue-700:#073f6b;--c-blue-800:#052e4f;--h-blue-500:205 87% 32%;--h-blue-400:206 72% 42%;--h-blue-700:205 88% 21%;--c-red-50:#fbecec;--c-red-100:#f5d0d0;--c-red-200:#e59f9e;--c-red-300:#d06d6b;--c-red-400:#b5332f;--c-red-500:#9e2a2b;--c-red-600:#851f24;--c-red-700:#701c20;--h-red-500:359 58% 39%;--h-red-400:2 59% 45%;--c-pine-400:#1f4a40;--c-pine-500:#13322b;--c-pine-600:#0f2922;--c-pine-700:#0a1f1a;--h-pine-500:166 45% 14%;--c-slate-50:#f7f9fb;--c-slate-100:#eef2f6;--c-slate-200:#e2e8f0;--c-slate-300:#cbd5e1;--c-slate-400:#94a3b8;--c-slate-500:#64748b;--c-slate-600:#475569;--c-slate-700:#334155;--c-slate-800:#1e293b;--c-slate-900:#0f172a;--h-slate-200:214 32% 91%;--h-slate-500:215 16% 47%;--h-slate-900:222 47% 11%;--c-success:#0e9f6e;--c-success-fg:#fff;--c-warning:#d97706;--c-warning-fg:#fff;--c-danger:#b5332f;--c-danger-fg:#fff;--c-info:#1e73b8;--h-success:157 84% 34%;--h-warning:32 95% 44%;--bg:var(--c-slate-50);--bg-elevated:#fff;--surface-card:#fff;--surface-sunken:var(--c-slate-100);--surface-deep:var(--c-pine-500);--text-strong:var(--c-slate-900);--text-body:var(--c-slate-700);--text-muted:var(--c-slate-500);--text-inverse:#fff;--text-on-deep:#ffffffeb;--primary:var(--c-blue-500);--primary-hover:var(--c-blue-600);--primary-fg:#fff;--accent:var(--c-red-500);--accent-hover:var(--c-red-600);--accent-fg:#fff;--border:var(--c-slate-200);--border-strong:var(--c-slate-300);--ring:var(--c-blue-500);--leg-left:var(--c-blue-500);--leg-right:var(--c-red-500)}.on-deep,[data-theme=deep]{--bg:var(--c-pine-500);--surface-card:var(--c-pine-400);--text-strong:#fff;--text-body:#ffffffdb;--text-muted:#fff9;--border:#ffffff24;--border-strong:#ffffff3d}:root{--sp-0:0;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--radius-sm:.5rem;--radius:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:999px;--shadow-xs:0 1px 2px 0 #0f172a0d;--shadow-sm:0 1px 3px 0 #0f172a12, 0 1px 2px -1px #0f172a12;--shadow-md:0 4px 6px -1px #0f172a14, 0 2px 4px -2px #0f172a14;--shadow-lg:0 10px 18px -3px #0f172a1a, 0 4px 6px -4px #0f172a14;--shadow-xl:0 22px 40px -8px #0f172a29;--shadow-primary:0 8px 24px -6px #0b5c9a59;--ring-width:3px;--ring-color:#0b5c9a4d;--container:1200px;--container-narrow:880px;--header-h:64px;--z-base:0;--z-sticky:100;--z-drawer:200;--z-overlay:300;--z-modal:400;--z-toast:500;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.32s;--font-display:"Barlow Condensed", "Oswald", ui-sans-serif, sans-serif;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extra:800;--fs-2xs:.6875rem;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--fs-3xl:2.25rem;--fs-4xl:3rem;--fs-5xl:4rem;--fs-6xl:5.25rem;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.5;--lh-relaxed:1.65;--ls-display:-.02em;--ls-tight:-.01em;--ls-normal:0;--ls-wide:.04em;--ls-caps:.08em}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--c-pine-600);color:#fff;overflow:hidden}#root,.snap{height:100dvh}.snap{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;overflow-y:scroll}.snap::-webkit-scrollbar{display:none}.slide{scroll-snap-align:start;scroll-snap-stop:always;align-items:center;height:100dvh;display:flex;position:relative;overflow:hidden}.navlink{color:#ffffffd1;cursor:pointer;transition:color var(--dur-fast);background:0 0;border:none;padding:8px 4px;font-size:14px;font-weight:600}.navlink:hover{color:#fff}.content{transition:opacity .7s var(--ease-out), transform .7s var(--ease-out)}.slide:not(.active) .content{opacity:0;transform:translateY(34px)}.photo{will-change:transform, opacity;backface-visibility:hidden;transition:transform .9s var(--ease-out), opacity .8s var(--ease-out);transform:translateZ(0)}.slide:not(.active) .photo{opacity:0;transform:scale(1.04)translateZ(0)}@media (prefers-reduced-motion:reduce){.content,.photo{transition:none!important}}.dots{inset-inline-end:26px;z-index:60;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.dot{cursor:pointer;width:9px;height:9px;transition:all var(--dur);background:#ffffff4d;border:none;border-radius:50%;padding:0}.dot.on{background:#fff;transform:scale(1.35);box-shadow:0 0 0 4px #ffffff26}a.cred{color:#ffffff80;text-decoration:none}a.cred:hover{color:#fffc;text-decoration:underline}html[dir=rtl]{--font-display:"Tajawal", sans-serif;--font-sans:"Tajawal", sans-serif}@keyframes bobb{0%,to{transform:translateY(0)translate(-50%)}50%{transform:translateY(7px)translate(-50%)}}@media (width<=768px){body{overflow:auto}.snap{scroll-snap-type:none;overflow-y:auto}.slide{scroll-snap-align:none;scroll-snap-stop:normal;align-items:flex-start;height:auto;min-height:100dvh;padding-block:88px 48px}.dots{gap:9px;inset-inline-end:10px}.dot{width:7px;height:7px}.slide:not(.active) .photo{opacity:var(--rev,1);transform:translateZ(0)}.bg-reveal{opacity:var(--rev,1);filter:blur(calc((1 - var(--rev,1)) * 8px));transition:opacity .12s linear,filter .12s linear}}