:root{--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--text-xs:clamp(.75rem,.7rem + .25vw,.875rem);--text-sm:clamp(.875rem,.8rem + .35vw,1rem);--text-base:clamp(1rem,.95rem + .25vw,1.125rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--bg:oklch(95% .004 120);--ink:oklch(23% .008 120);--muted:oklch(47% .008 120);--line:oklch(23% .008 120 / .15);--paper:oklch(99% .002 120);--radius:4px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:6px}button{border:0}a{color:inherit}img{display:block;max-width:100%}h1,h2,p{margin:0}button:disabled{cursor:default;opacity:.3}.skip{position:fixed;top:-100px;padding:var(--space-3);background:var(--paper);z-index:100}.skip:focus{top:0}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}