nav{top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb, var(--bg) 90%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);position:sticky}nav .w{align-items:center;gap:18px;height:60px;display:flex}.logo{direction:ltr;font:700 19px JetBrains Mono,monospace}.logo i{color:var(--ac);font-style:normal}.links{color:var(--mu);white-space:nowrap;flex:1;gap:18px;font-size:14px;display:flex}.links a{padding:8px 0;transition:color .2s;position:relative}.links a:hover{color:var(--ac)}.links a:after{content:"";inset-inline:0;background:var(--ac);height:2px;transition:transform .3s;position:absolute;bottom:2px;transform:scaleX(0)}.links a:hover:after{transform:scaleX(1)}@media (width<=760px){.links{display:none}.logo{flex:1}}footer{border-top:1px solid var(--bd);color:var(--mu);padding:30px 0 40px;font-size:13px}footer .w{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}section{border-top:1px solid var(--bd);padding:70px 0}.chap{margin-bottom:36px}.hero{padding:70px 0 60px;position:relative;overflow:hidden}.hero .w{position:relative}.hero h1{max-width:560px;font-size:clamp(38px,7vw,68px)}.hero p{max-width:480px;color:var(--mu);margin:22px 0}.code{color:var(--mu);margin-top:34px;font-size:13px;line-height:1.9}.code b{color:var(--tx);font-weight:500}.code i{color:var(--ac);font-style:normal}@media (width>=761px){.hero .w>:not(.art){max-width:calc(100% - min(400px,44%) - 48px)}}.hero .w>:not(.art){animation:.8s cubic-bezier(.2,.8,.2,1) both up}.hero .w>:nth-child(2){animation-delay:.1s}.hero .w>:nth-child(3){animation-delay:.2s}.hero .w>:nth-child(4){animation-delay:.3s}.hero .w>:nth-child(5){animation-delay:.4s}@keyframes up{0%{opacity:0;transform:translateY(22px)}}@media (prefers-reduced-motion:reduce){.hero .w>*{animation:none!important}}.art{--m1:color-mix(in srgb, var(--tx) 18%, var(--bg));--m2:color-mix(in srgb, var(--tx) 7%, var(--bg));top:-10px;cursor:pointer;-webkit-tap-highlight-color:transparent;width:min(400px,44%);animation:1s cubic-bezier(.2,.8,.2,1) .2s both pop;position:absolute;inset-inline-end:clamp(-40px,500px - 50vw,22px)}.art svg{width:100%;height:auto;display:block;overflow:visible}.art .bz{fill:var(--m1);stroke:var(--bd)}.art .sc{fill:var(--m2)}.art .pn{fill:color-mix(in srgb, var(--tx) 9%, transparent);stroke:color-mix(in srgb, var(--tx) 30%, transparent);animation:3.2s ease-in-out infinite glow;animation-delay:calc(var(--d) * -.6s)}.art .fl{transition:transform .55s cubic-bezier(.2,.8,.2,1)}.art:hover .fl,.art.on .fl{transform:translate(calc(var(--d) * -10px), calc(var(--d) * 6px))}.art .bob{animation:4.5s ease-in-out infinite float;animation-delay:calc(var(--d) * -1.1s)}.art .run{fill:none;stroke:var(--ac);stroke-width:1.5px;stroke-dasharray:14 86;animation:3.6s linear infinite run;animation-delay:calc(var(--d) * -.9s)}.art .sheen{animation:5s ease-in-out infinite sweep}.art .lg,.art .halo,.art .sp{transform-box:fill-box;transform-origin:50%}.art .lg{transition:transform .5s}.art:hover .lg,.art.on .lg{transform:scale(1.15)}.art .halo{animation:3s ease-in-out infinite halo}.art .sp{animation:2.6s ease-in-out infinite tw}.art .gem{animation:4s ease-in-out infinite bob}.art:hover .gem{animation-duration:1.6s}@keyframes pop{0%{opacity:0;transform:scale(.92)}}@keyframes float{50%{transform:translateY(-5px)}}@keyframes glow{50%{fill:color-mix(in srgb, var(--ac) 16%, transparent)}}@keyframes run{to{stroke-dashoffset:-100px}}@keyframes sweep{0%{transform:translate(0)}65%,to{transform:translate(300px)}}@keyframes halo{50%{opacity:.15;transform:scale(1.18)}}@keyframes tw{0%,to{opacity:0;transform:scale(.2)}50%{opacity:1;transform:scale(1)}}@keyframes bob{50%{transform:translateY(-8px)}}@media (width<=760px){.art{width:min(340px,86%);margin:34px auto 0;position:static}}@media (prefers-reduced-motion:reduce){.art *{transition:none!important;animation:none!important}}.about{grid-template-columns:280px 1fr;align-items:start;gap:44px;display:grid}.photo img{aspect-ratio:4/5;object-fit:cover;border:1px solid var(--bd);border-radius:6px;width:100%;display:block}.stats{border:1px solid var(--bd);background:var(--card);border-top:0;grid-template-columns:repeat(3,1fr);display:grid}.stats div{text-align:center;color:var(--mu);padding:12px 6px;font-size:12px}.stats div+div{border-inline-start:1px solid var(--bd)}.stats b{color:var(--tx);font:700 26px Amiri,serif;display:block}.lead{margin:0 0 14px;font-size:19px}.facts{color:var(--mu);margin:24px 0 0;padding:0;font-size:14px;list-style:none}.facts li{border-top:1px solid var(--bd);justify-content:space-between;gap:12px;padding:10px 0;transition:padding .25s;display:flex}.facts li:hover{padding-inline-start:8px}@media (width<=760px){.about{grid-template-columns:1fr}.photo{max-width:280px}}.tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--ac);border:1px solid color-mix(in srgb, var(--ac) 35%, transparent);direction:ltr;border-radius:99px;padding:1px 10px;font:12px JetBrains Mono,monospace;transition:background .25s,color .25s,transform .25s}.tag:hover{background:var(--ac);color:var(--on);transform:translateY(-2px)}.row{border-top:1px solid var(--bd);grid-template-columns:150px 1fr;gap:24px;padding:20px 0;transition:background .3s;display:grid}.row:hover{background:color-mix(in srgb, var(--ac) 7%, transparent)}.row h3{margin:0;font-size:17px;font-weight:600;transition:color .3s}.row:hover h3{color:var(--ac)}.row p{color:var(--mu);margin:4px 0 0;font-size:14px}.period{font-size:13px}.company{font-size:14px}.sub{margin:44px 0 6px;font:700 22px Amiri,serif}@media (width<=760px){.row{grid-template-columns:1fr;gap:6px}}.grid .pj{justify-content:flex-start;padding:0}.pj .cb{flex-direction:column;flex:1;justify-content:center;padding:20px 22px;display:flex}.pj .lnk{margin:14px 0 0}.thumb{aspect-ratio:16/10;color:var(--ac);border-bottom:1px solid var(--bd);background:linear-gradient(135deg, color-mix(in srgb, var(--ac) 28%, var(--bg)), color-mix(in srgb, var(--ac) 6%, var(--bg)));place-items:center;font-size:30px;display:grid;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.thumb span{transition:transform .5s}.card:hover .thumb img{transform:scale(1.08)}.card:hover .thumb span{transform:scale(1.2)rotate(-4deg)}.thumb:after{content:"";background:linear-gradient(100deg,#0000,#ffffff59,#0000);width:40%;transition:left .8s;position:absolute;top:0;bottom:0;left:-60%;transform:skew(-20deg)}.card:hover .thumb:after{left:130%}.ico{border:1px solid color-mix(in srgb, var(--ac) 30%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--ac) 26%, var(--bg)), color-mix(in srgb, var(--ac) 6%, var(--bg)));border-radius:14px;place-items:center;width:56px;height:56px;margin-bottom:8px;font-size:28px;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:grid;overflow:hidden}.ico img{object-fit:cover;width:100%;height:100%}.card:hover .ico{box-shadow:0 10px 22px -10px var(--ac);transform:translateY(-3px)rotate(-6deg)scale(1.08)}.seo{grid-template-columns:1.4fr 1fr;align-items:start;gap:28px;display:grid}.seo ul{margin:0;padding:0;list-style:none}.seo li{border-top:1px solid var(--bd);color:var(--mu);gap:10px;padding:9px 0;font-size:14px;transition:padding .25s,color .25s;display:flex}.seo li:before{content:"✓";color:var(--ac);font-weight:700;transition:transform .25s}.seo li:hover{color:var(--tx);padding-inline-start:10px}.seo li:hover:before{transform:scale(1.4)}@media (width<=760px){.seo{grid-template-columns:1fr}}.big{text-align:center}.big .cta{justify-content:center}.login{place-items:center;min-height:100vh;padding:20px;display:grid}.login .card{flex-direction:column;gap:12px;width:min(380px,100%);display:flex}.login input{font:inherit;border:1px solid var(--bd);background:var(--bg);color:var(--tx);direction:ltr;border-radius:8px;padding:10px 12px}.login .err{color:#e5484d;margin:0;font-size:13px}.dash{padding:24px 0 60px}.dash .top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.note{font-size:13px}.panel{background:var(--card);border:1px solid var(--bd);border-radius:12px;margin-bottom:12px;padding:6px 18px}.panel summary{cursor:pointer;padding:12px 0;font-weight:600}.item{border-top:1px solid var(--bd);padding:12px 0}.ibar{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.ibar .btn{margin-inline-start:4px;padding:2px 12px}.fld{color:var(--mu);margin:8px 0;font-size:12px;display:block}.fld input,.fld textarea,.js{width:100%;font:inherit;border:1px solid var(--bd);background:var(--bg);color:var(--tx);border-radius:8px;margin-top:3px;padding:8px 10px;font-size:14px}.two{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.chk{align-items:center;gap:10px;margin:10px 0;display:flex}.imgf{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.imgf img{object-fit:cover;border:1px solid var(--bd);border-radius:6px;width:90px;height:56px}.imgf input{flex:1;width:auto}.jbar{margin:10px 0 14px}@media (width<=760px){.two{grid-template-columns:1fr}}.sbar{z-index:10;background:var(--bg);border-bottom:1px solid var(--bd);align-items:center;gap:12px;margin-bottom:14px;padding:10px 0;display:flex;position:sticky;top:0}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.warn{color:#e5484d;font-weight:600}:root{--bg:#f6f3ea;--card:#fffdf7;--tx:#15211f;--mu:#5d6b68;--ac:#0a8577;--on:#fff;--bd:#ddd8c9;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0a1014;--card:#111a1f;--tx:#e8f1ef;--mu:#8fa3a0;--ac:#2ee6c8;--on:#04201c;--bd:#21313a}}:root[data-theme=dark]{--bg:#0a1014;--card:#111a1f;--tx:#e8f1ef;--mu:#8fa3a0;--ac:#2ee6c8;--on:#04201c;--bd:#21313a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{background:var(--bg);color:var(--tx);margin:0;font:16px/1.8 IBM Plex Sans Arabic,system-ui,Segoe UI,Tahoma,sans-serif;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}.w{max-width:1000px;margin:0 auto;padding:0 22px}.mono{direction:ltr;font-family:JetBrains Mono,monospace}.ac{color:var(--ac)}.mu{color:var(--mu)}h1,h2{margin:10px 0 0;font-family:Amiri,Noto Naskh Arabic,serif;font-weight:700;line-height:1.35}h2{font-size:clamp(28px,4.5vw,44px)}.lbl{color:var(--ac);letter-spacing:.5px;font:500 12px JetBrains Mono,monospace}.btn{font:inherit;cursor:pointer;border:1px solid var(--bd);background:var(--card);color:var(--tx);border-radius:99px;padding:8px 20px;font-size:14px;transition:transform .2s,border-color .2s,box-shadow .2s;display:inline-block}.btn:hover{border-color:var(--ac);transform:translateY(-2px)}.btn.pri{background:var(--ac);border-color:var(--ac);color:var(--on);font-weight:600}.btn.pri:hover{box-shadow:0 10px 22px -10px var(--ac)}.rv{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(28px)}.rv.in{opacity:1;transform:none}.grid>.rv:nth-child(2){transition-delay:80ms}.grid>.rv:nth-child(3){transition-delay:.16s}.grid>.rv:nth-child(4){transition-delay:.24s}.grid>.rv:nth-child(5){transition-delay:.32s}.grid>.rv:nth-child(6){transition-delay:.4s}@media (prefers-reduced-motion:reduce){.rv{opacity:1!important;transition:none!important;transform:none!important}}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-auto-rows:1fr;gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:22px;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.card:hover{border-color:var(--ac);box-shadow:0 16px 34px -16px color-mix(in srgb, var(--ac) 60%, transparent);transform:translateY(-6px)}.card:before{content:"";inset-inline:0;z-index:2;background:linear-gradient(90deg, transparent, var(--ac), transparent);height:2px;transition:transform .5s;position:absolute;top:0;transform:scaleX(0)}.card:hover:before{transform:scaleX(1)}.grid .card{flex-direction:column;justify-content:center;display:flex}.card h3{margin:6px 0;font:700 22px Amiri,serif}.card p{color:var(--mu);margin:0 0 12px;font-size:14px}