:root{--bg:#05070e;--bg-alt:#070a12;--surface:#0a0e18;--surface-2:#0f1524;--line:#00ff9c1a;--line-strong:#00ff9c47;--accent:#00ff9c;--accent-soft:#00ff9c12;--accent-2:#38bdf8;--accent-3:#a78bfa;--danger:#ff5470;--text:#e9f1ff;--muted:#9fb0c9;--faint:#64789a;--ghost:#33425c;--font-ar:"Tajawal", "IBM Plex Sans Arabic", system-ui, sans-serif;--font-en:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--font-sans:var(--font-ar);--fs-h1:clamp(2rem, 1.25rem + 3.6vw, 4.75rem);--fs-h2:clamp(1.6rem, 1.15rem + 2.1vw, 3rem);--fs-h3:clamp(1.05rem, .98rem + .35vw, 1.25rem);--fs-lead:clamp(.98rem, .92rem + .35vw, 1.15rem);--fs-body:clamp(.9rem, .87rem + .18vw, 1rem);--fs-sm:.8125rem;--fs-xs:.6875rem;--pad-x:clamp(16px, 4.5vw, 64px);--sec-y:clamp(56px, 8vw, 120px);--gap:clamp(12px, 1.6vw, 20px);--radius:10px;--radius-sm:6px;--header-h:64px;--maxw:1240px;--ease:cubic-bezier(.22, 1, .36, 1)}html[lang=en]{--font-sans:var(--font-en)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-block-start:calc(var(--header-h) + 16px)}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.75;overflow-x:clip}#root{isolation:isolate}h1,h2,h3,h4,p,figure,blockquote{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}input,textarea,select{font-size:max(16px, var(--fs-body))}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}::selection{background:var(--accent);color:#04060c}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cc-container{width:100%;max-width:var(--maxw);padding-inline:var(--pad-x);margin-inline:auto}.cc-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cc-skip{z-index:300;background:var(--accent);color:#04060c;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-sm);padding:10px 18px;font-weight:700;transition:inset-block-start .2s;position:absolute;inset-block-start:-100px;inset-inline-start:12px}.cc-skip:focus{inset-block-start:12px}.cc-header{z-index:120;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);border-block-end:1px solid var(--line);padding-block-start:env(safe-area-inset-top);position:fixed;inset-block-start:0;inset-inline:0}.cc-header__inner{height:var(--header-h);flex-wrap:nowrap;align-items:center;gap:16px;display:flex}.cc-brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.cc-brand__mark{border:1.5px solid var(--accent);width:34px;height:34px;font-family:var(--font-mono);color:var(--accent);transition:box-shadow .3s var(--ease);border-radius:7px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.cc-brand:hover .cc-brand__mark{box-shadow:0 0 18px #00ff9c59}.cc-brand__name{font-family:var(--font-mono);font-size:14px;font-weight:700;line-height:1.2}.cc-brand__tag{font-family:var(--font-mono);letter-spacing:1.6px;color:var(--accent);white-space:nowrap;font-size:8.5px;line-height:1.4}@media (width<=360px){.cc-brand__tag{display:none}}.cc-nav{align-items:center;gap:clamp(14px,2vw,30px);margin-inline-start:auto;display:flex}.cc-nav__link{font-family:var(--font-mono);color:var(--muted);letter-spacing:.4px;transition:color .2s var(--ease);white-space:nowrap;align-items:center;gap:5px;padding-block:6px;font-size:13.5px;font-weight:500;display:inline-flex;position:relative}.cc-nav__link:before{content:"./";color:var(--accent);opacity:.75}.cc-nav__link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .28s var(--ease);position:absolute;inset-block-end:0;inset-inline-start:0}.cc-nav__link:hover,.cc-nav__link[aria-current=page]{color:var(--text)}.cc-nav__link:hover:after,.cc-nav__link[aria-current=page]:after{width:100%}.cc-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.cc-lang{border:1px solid var(--line);border-radius:var(--radius-sm);flex-shrink:0;align-items:center;display:inline-flex;overflow:hidden}.cc-lang a{font-family:var(--font-mono);color:var(--faint);place-items:center;min-height:32px;padding:7px 10px;font-size:11px;font-weight:700;transition:background .2s,color .2s;display:grid}.cc-lang a[aria-current=true]{background:var(--accent-soft);color:var(--accent)}.cc-lang a:hover{color:var(--text)}.cc-burger{border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex-shrink:0;place-items:center;gap:4px;width:42px;height:42px;display:none}.cc-burger span{background:var(--text);width:17px;height:1.5px;transition:transform .3s var(--ease), opacity .2s;display:block}.cc-burger[aria-expanded=true] span:first-child{transform:translateY(5.5px)rotate(45deg)}.cc-burger[aria-expanded=true] span:nth-child(2){opacity:0}.cc-burger[aria-expanded=true] span:nth-child(3){transform:translateY(-5.5px)rotate(-45deg)}@media (width<=900px){.cc-nav{display:none}.cc-burger{display:grid}.cc-actions .cc-btn--nav{display:none}}.cc-drawer{z-index:119;background:color-mix(in srgb, var(--bg) 97%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(var(--header-h) + env(safe-area-inset-top) + 28px) var(--pad-x) calc(32px + env(safe-area-inset-bottom));animation:cc-drawer-in .28s var(--ease);flex-direction:column;gap:4px;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes cc-drawer-in{0%{opacity:0;transform:translateY(-8px)}}.cc-drawer__link{font-family:var(--font-mono);color:var(--text);border-block-end:1px solid var(--line);align-items:center;gap:10px;min-height:56px;font-size:17px;font-weight:500;display:flex}.cc-drawer__link:before{content:"./";color:var(--accent);opacity:.7}.cc-drawer__link:active{color:var(--accent)}.cc-btn{border-radius:var(--radius-sm);min-height:46px;font-family:var(--font-mono);letter-spacing:.3px;cursor:pointer;transition:background .2s, border-color .2s, color .2s, transform .15s var(--ease);text-align:center;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px clamp(18px,3vw,32px);font-size:13.5px;font-weight:700;display:inline-flex}.cc-btn:active{transform:translateY(1px)}.cc-btn[disabled]{opacity:.55;cursor:not-allowed}.cc-btn--primary{background:var(--accent);color:#04060c}.cc-btn--primary:hover{background:#4dffbb}.cc-btn--ghost{color:var(--text);border-color:var(--line-strong);background:0 0}.cc-btn--ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.cc-btn--quiet{color:var(--faint);background:0 0;border-color:#0000}.cc-btn--quiet:hover{color:var(--text)}.cc-btn--sm{min-height:38px;padding:8px 16px;font-size:12px}.cc-btn--block{width:100%}.cc-btn-row{flex-wrap:wrap;gap:12px;display:flex}@media (width<=560px){.cc-btn-row{flex-direction:column;align-items:stretch}.cc-btn-row .cc-btn{width:100%}}.cc-section{padding-block:var(--sec-y);position:relative;overflow:clip}.cc-section--alt{background:var(--bg-alt)}.cc-eyebrow{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-block-end:14px;display:flex}.cc-eyebrow:after{content:"";opacity:.4;background:currentColor;flex:0 0 32px;height:1px}.cc-h1{font-size:var(--fs-h1);letter-spacing:-.02em;font-weight:900;line-height:1.08}.cc-h2{font-size:var(--fs-h2);letter-spacing:-.015em;font-weight:800;line-height:1.15}.cc-h3{font-size:var(--fs-h3);font-weight:700;line-height:1.35}.cc-h2 .cc-h2__soft{color:var(--faint);font-weight:300}.cc-lead{font-size:var(--fs-lead);color:var(--muted);max-width:62ch;line-height:1.85}.cc-cards{gap:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));display:grid}.cc-cards--sm{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.cc-cards--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.cc-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);height:100%;transition:border-color .25s var(--ease), transform .25s var(--ease), background .25s;flex-direction:column;padding:clamp(18px,2.5vw,28px);display:flex;position:relative;overflow:hidden}.cc-card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;inset-block-start:0;inset-inline:0}.cc-card:hover,.cc-card.is-selected{border-color:var(--line-strong)}.cc-card:hover:before,.cc-card.is-selected:before{opacity:1}.cc-card.is-selected{background:var(--accent-soft)}@media (hover:hover){.cc-card:hover{transform:translateY(-3px)}}.cc-card__icon{background:var(--accent-soft);border:1px solid var(--line-strong);border-radius:9px;flex-shrink:0;place-items:center;width:44px;height:44px;margin-block-end:16px;font-size:21px;display:grid}.cc-card__meta{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:1.8px;color:var(--accent);margin-block-end:8px}.cc-card__text{font-size:var(--fs-sm);color:var(--muted);line-height:1.75}.cc-card__more{font-family:var(--font-mono);color:var(--accent);margin-block-start:auto;padding-block-start:16px;font-size:12px}.cc-work{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);aspect-ratio:16/10;transition:border-color .25s, transform .25s var(--ease);display:block;position:relative;overflow:hidden}@media (hover:hover){.cc-work:hover{border-color:var(--line-strong);transform:scale(1.015)}}.cc-work__img{object-fit:cover;opacity:.34;width:100%;height:100%;transition:opacity .3s, transform .5s var(--ease);position:absolute;inset:0}.cc-work:hover .cc-work__img{opacity:.5;transform:scale(1.04)}.cc-work__veil{background:linear-gradient(to top, var(--surface) 30%, transparent 90%);position:absolute;inset:0}.cc-work__body{padding:clamp(16px,2.5vw,22px);position:absolute;inset-block-end:0;inset-inline:0}.cc-work__tag{font-family:var(--font-mono);letter-spacing:1px;background:var(--accent-soft);border:1px solid var(--line-strong);color:var(--accent);border-radius:4px;padding:4px 9px;font-size:10px;position:absolute;inset-block-start:14px;inset-inline-end:14px}.cc-stats{background:var(--line);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(min(50%,150px),1fr));gap:1px;display:grid;overflow:hidden}.cc-stat{background:var(--bg);padding:clamp(16px,2.4vw,26px)}.cc-stat__num{font-family:var(--font-mono);letter-spacing:-1px;font-size:clamp(1.5rem,1.1rem + 1.6vw,2.4rem);font-weight:700;line-height:1}.cc-stat__label{font-size:var(--fs-sm);color:var(--faint);margin-block-start:6px}.cc-terminal{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);overflow:hidden}.cc-terminal__bar{background:var(--surface-2);border-block-end:1px solid var(--line);font-family:var(--font-mono);color:var(--faint);align-items:center;gap:7px;padding:9px 14px;font-size:11px;display:flex}.cc-terminal__dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.cc-terminal__path{text-overflow:ellipsis;white-space:nowrap;margin-inline-start:10px;overflow:hidden}.cc-terminal__body{font-family:var(--font-mono);text-align:start;direction:ltr;padding:clamp(18px,3vw,34px)}.cc-code{font-family:var(--font-mono);color:var(--faint);-webkit-overflow-scrolling:touch;white-space:pre;scrollbar-width:none;direction:ltr;font-size:clamp(10px,2.4vw,12.5px);line-height:1.95;overflow-x:auto}.cc-code::-webkit-scrollbar{display:none}.cc-code b{color:var(--accent);font-weight:400}.cc-code i{color:var(--text);font-style:normal}.cc-code u{color:var(--accent-2);text-decoration:none}.cc-caret{color:var(--accent);animation:1.1s step-end infinite cc-blink}@keyframes cc-blink{0%,to{opacity:1}50%{opacity:0}}.cc-live{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite cc-pulse;display:inline-block}@keyframes cc-pulse{0%,to{opacity:1;box-shadow:0 0 #00ff9c66}50%{opacity:.4;box-shadow:0 0 0 6px #00ff9c00}}.cc-marquee-wrap{border-block:1px solid var(--line);background:var(--surface);padding-block:14px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.cc-marquee{direction:ltr;gap:clamp(20px,4vw,44px);width:max-content;animation:34s linear infinite cc-scroll;display:flex}.cc-marquee-wrap:hover .cc-marquee{animation-play-state:paused}@keyframes cc-scroll{to{transform:translate(-50%)}}.cc-marquee span{font-family:var(--font-mono);color:var(--faint);white-space:nowrap;align-items:center;gap:8px;font-size:clamp(10px,2vw,12px);display:inline-flex}.cc-marquee span:before{content:"◆";color:var(--accent);font-size:7px}.cc-mesh{pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='92' viewBox='0 0 80 92'%3E%3Cpolygon points='40,2 78,22 78,62 40,82 2,62 2,22' fill='none' stroke='rgba(0%2C255%2C156%2C0.05)' stroke-width='1'/%3E%3C/svg%3E");background-size:80px 92px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(90% 70% at 50% 0,#000 20%,#0000 75%)}.cc-glow{z-index:0;pointer-events:none;aspect-ratio:1;background:radial-gradient(circle,#00ff9c0e 0%,#0000 62%);width:min(900px,130%);position:absolute;inset-block-start:-10%;inset-inline-start:50%;transform:translate(-50%)}.cc-faq{gap:10px;max-width:860px;display:grid}.cc-faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);transition:border-color .2s;overflow:hidden}.cc-faq details[open]{border-color:var(--line-strong)}.cc-faq summary{cursor:pointer;min-height:56px;font-weight:700;font-size:var(--fs-body);align-items:center;gap:12px;padding:18px clamp(16px,2.5vw,24px);list-style:none;display:flex}.cc-faq summary::-webkit-details-marker{display:none}.cc-faq summary:after{content:"+";font-family:var(--font-mono);color:var(--accent);transition:transform .25s var(--ease);flex-shrink:0;margin-inline-start:auto;font-size:19px}.cc-faq details[open] summary:after{transform:rotate(45deg)}.cc-faq__answer{color:var(--muted);font-size:var(--fs-sm);padding:0 clamp(16px,2.5vw,24px) 20px;line-height:1.9}.cc-footer{border-block-start:1px solid var(--line);background:var(--bg-alt);padding-block:clamp(40px, 6vw, 64px) calc(24px + env(safe-area-inset-bottom))}.cc-footer__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:clamp(28px,4vw,48px);display:grid}.cc-footer__title{font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:2px;text-transform:uppercase;color:var(--faint);margin-block-end:14px}.cc-footer__list{gap:2px;display:grid}.cc-footer__list a,.cc-footer__list span{color:var(--muted);font-size:var(--fs-sm);align-items:center;min-height:36px;transition:color .2s;display:flex}.cc-footer__list a:hover{color:var(--accent)}.cc-footer__bottom{border-block-start:1px solid var(--line);font-family:var(--font-mono);color:var(--ghost);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-block-start:clamp(28px,4vw,44px);padding-block-start:20px;font-size:11px;display:flex}.cc-page{padding-block-start:calc(var(--header-h) + clamp(32px, 6vw, 72px));padding-block-end:var(--sec-y)}.cc-page--narrow{--maxw:940px}.cc-page--xnarrow{--maxw:760px}.cc-crumbs{font-family:var(--font-mono);color:var(--faint);flex-wrap:wrap;gap:6px;margin-block-end:22px;font-size:12px;display:flex}.cc-crumbs a:hover{color:var(--accent)}.cc-pill{background:var(--accent-soft);border:1px solid var(--line-strong);color:var(--accent);font-family:var(--font-mono);letter-spacing:.8px;border-radius:4px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;display:inline-flex}.cc-overlay{z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:16px calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:#020409db;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.cc-modal{background:var(--surface);border:1px solid var(--line-strong);border-radius:14px;width:100%;max-width:520px;max-height:min(90dvh,780px);padding:clamp(20px,4vw,32px);overflow-y:auto;box-shadow:0 24px 80px #0009}.cc-field{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);margin-block-end:12px;padding:12px 14px;transition:border-color .2s}.cc-field:focus{border-color:var(--line-strong);outline:none}.cc-field::placeholder{color:var(--ghost)}.cc-alert{border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid var(--line-strong);background:var(--accent-soft);color:var(--accent);margin-block-end:16px;padding:11px 15px}.cc-alert--error{color:var(--danger);background:#ff547012;border-color:#ff54704d}.cc-reveal{opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);transform:translateY(18px)}.cc-reveal.is-in{opacity:1;transform:none}