@font-face{font-family:Alexandria;src:url(/fonts/alexandria-latin-var.woff2)format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}@font-face{font-family:Alexandria;src:url(/fonts/alexandria-arabic-var.woff2)format("woff2-variations");font-weight:100 900;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Tajawal;src:url(/fonts/tajawal-arabic-400.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Tajawal;src:url(/fonts/tajawal-arabic-500.woff2)format("woff2");font-weight:500;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Tajawal;src:url(/fonts/tajawal-arabic-700.woff2)format("woff2");font-weight:700;font-display:swap;unicode-range:U+6??,U+750-77F,U+8A0-8FF,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Inter;src:url(/fonts/inter-latin-400.woff2)format("woff2");font-weight:400;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy:#0b1220;--navy-soft:#1f2937;--ink:#111827;--cyan:#06b6d4;--cyan-ring:#67e8f9;--cyan-ink:#0e7490;--white:#fff;--bg:#05080f;--bg-raised:#0b1220;--fg:#f2f6fb;--fg-muted:#9aa8bd;--fg-faint:#8b99b1;--line:#ffffff17;--line-strong:#ffffff2e;--accent:var(--cyan);--accent-ring:var(--cyan-ring);--font-display:"Alexandria", system-ui, sans-serif;--font-body:"Alexandria", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Menlo, monospace;--step--1:clamp(.82rem, .746rem + .33vw, .875rem);--step-0:clamp(1rem, .964rem + .16vw, 1.0625rem);--step-1:clamp(1.15rem, 1.05rem + .5vw, 1.4rem);--step-2:clamp(1.45rem, 1.25rem + 1vw, 2rem);--step-3:clamp(1.85rem, 1.4rem + 2vw, 3rem);--step-4:clamp(2rem, 1.057rem + 4.19vw, 4.5rem);--step-5:clamp(2.375rem, .865rem + 6.71vw, 7rem);--gutter:clamp(1.25rem, 4vw, 5rem);--maxw:84rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--reveal-dur:.7s;--reveal-dur-fade:.56s;--reveal-dur-heading:.85s;--reveal-dur-card:.75s;--reveal-dur-cover:.95s;--reveal-dist:24px;--reveal-dist-card:40px;--reveal-stagger:70ms}[lang=ar]{--font-body:"Tajawal", "Alexandria", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}html[data-scroll-locked=true]{overscroll-behavior:none;overflow:hidden}html,body{background:var(--bg);color:var(--fg);margin:0;padding:0}body{font-family:var(--font-body);font-size:var(--step-0);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.65;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.022em;text-wrap:balance;margin:0;font-weight:600;line-height:1.06}[lang=ar] h1,[lang=ar] h2,[lang=ar] h3,[lang=ar] h4{letter-spacing:0;line-height:1.3}[lang=ar] body,[lang=ar] p{line-height:1.85}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img,canvas{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--accent-ring);outline-offset:3px;border-radius:2px}::selection{background:var(--accent);color:var(--navy)}.tech{font-family:var(--font-display);font-feature-settings:"tnum";direction:ltr;unicode-bidi:isolate}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .u-arrow{transform:scaleX(-1)}.u-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.u-skip{inset-inline-start:var(--gutter);z-index:200;background:var(--accent);min-height:44px;color:var(--navy);font-size:var(--step--1);transition:top .2s var(--ease-out);border-radius:999px;align-items:center;padding-block:.7rem;padding-inline:1.1rem;display:inline-flex;position:absolute;top:-100px}.u-skip:focus-visible{top:1rem}.u-shell{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.u-mono{font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faint)}:lang(ar) :not(:lang(en)){letter-spacing:0!important;text-transform:none!important}a,button,summary,select,label,input,textarea,[role=button],[role=radio],[role=tab],[role=switch],[data-magnetic]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}:where(button,[role=button],[role=radio],[role=switch],summary):not(:disabled):active{scale:.97}:where(a:not(.u-press,.u-btn)):active{opacity:.78}.u-press:active{scale:.97}.u-btn{min-height:48px;font-size:var(--step-0);text-align:center;transition:background-color .25s var(--ease-out), border-color .25s var(--ease-out), scale .12s var(--ease-out);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;padding:.7rem 1.5rem;font-weight:600;line-height:1.2;display:inline-flex}.u-btn:active{scale:.97}.u-btn--primary{background:var(--accent);color:var(--navy)}.u-btn--primary:active{background:var(--accent-ring)}.u-btn--ghost{border-color:var(--line-strong);color:var(--fg)}.u-btn--ghost:active{border-color:var(--accent)}@media (hover:hover) and (pointer:fine){.u-btn--primary:hover{background:var(--accent-ring)}.u-btn--ghost:hover{border-color:var(--accent)}}.u-nf{z-index:1;background:var(--bg);isolation:isolate;align-content:start;min-height:min(80svh,52rem);padding-block:clamp(7rem,16vh,10rem) clamp(3rem,8vh,5rem);display:grid;position:relative}.u-nf:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 60% 55% at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%), linear-gradient(to right, var(--line) 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(to bottom, var(--line) 1px, transparent 1px) 0 0 / 48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 85% at 50% 30%,#000 25%,#0000 80%);mask-image:radial-gradient(85% 85% at 50% 30%,#000 25%,#0000 80%)}.u-nf__inner{gap:clamp(1.25rem,3vh,2rem);display:grid}.u-nf .u-nf__code{font-family:var(--font-display);-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(4.5rem,22vw,11rem);font-weight:700;line-height:.95}.u-nf__code:before{content:"{" attr(data-code) "}";color:#0000;-webkit-text-stroke:1.5px color-mix(in srgb, var(--accent) 60%, transparent);direction:ltr;unicode-bidi:isolate;display:inline-block}.u-nf__block{text-align:start;justify-items:start;gap:1rem;display:grid}.u-nf__title{font-size:var(--step-4);max-width:18ch}.u-nf__line{max-width:40ch;font-size:var(--step-1);color:var(--fg-muted)}.u-nf__actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}@media (max-width:520px){.u-nf__actions{flex-direction:column;align-items:stretch;width:100%}}.u-nf__switch{margin:0}.u-nf__switch a{min-height:44px;font-size:var(--step-0);color:var(--fg-muted);text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:.3em;transition:color .25s var(--ease-out), text-decoration-color .25s var(--ease-out);align-items:center;display:inline-flex}.u-nf__switch a:active{color:var(--fg);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (hover:hover) and (pointer:fine){.u-nf__switch a:hover{color:var(--fg);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}}@media (max-width:900px){:root{--reveal-dist:28px;--reveal-dist-card:48px}}@media (prefers-reduced-motion:no-preference){html [data-reveal=pending]{opacity:0;transform:translate3d(0, var(--reveal-dist), 0)}html [data-reveal=in]{transition:opacity var(--reveal-dur-fade) var(--ease-out) calc(var(--i,0) * var(--reveal-stagger)), transform var(--reveal-dur) var(--ease-out) calc(var(--i,0) * var(--reveal-stagger))}html [data-reveal=pending][data-reveal-variant=heading]{opacity:1;clip-path:inset(-50% -10% 100%);transform:translateY(.35em)}html [data-reveal=in][data-reveal-variant=heading]{clip-path:inset(-50% -10%);transition:clip-path var(--reveal-dur-heading) var(--ease-out) calc(var(--i,0) * var(--reveal-stagger)), transform var(--reveal-dur-heading) var(--ease-out) calc(var(--i,0) * var(--reveal-stagger))}html [data-reveal=pending][data-reveal-variant=card]{transform:translate3d(0, var(--reveal-dist-card), 0)}html [data-reveal=in][data-reveal-variant=card]{transition:opacity .5s var(--ease-out) calc(var(--i,0) * var(--reveal-stagger)), transform var(--reveal-dur-card) var(--ease-out) calc(var(--i,0) * var(--reveal-stagger))}html [data-reveal=pending][data-reveal-variant=card] [data-reveal-cover]{clip-path:inset(14% 8% round 12px)}html [data-reveal=in][data-reveal-variant=card] [data-reveal-cover]{clip-path:inset(0);transition:clip-path var(--reveal-dur-cover) var(--ease-out) calc(80ms + var(--i,0) * var(--reveal-stagger))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}