:root{--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart:cubic-bezier(.76, 0, .24, 1);--brand-500:#3b82f6;--brand-600:#2563eb;--brand-700:#1d4ed8;--violet-500:#8b5cf6;--cyan-500:#06b6d4;--shadow-xs:0 1px 2px 0 #0f172a0a;--shadow-sm:0 1px 3px 0 #0f172a0f, 0 1px 2px -1px #0f172a0a;--shadow-md:0 4px 12px -2px #0f172a14, 0 2px 6px -2px #0f172a0a;--shadow-lg:0 12px 32px -8px #0f172a1a, 0 4px 12px -4px #0f172a0f;--shadow-brand:0 20px 40px -16px #3b82f659, 0 8px 20px -8px #8b5cf633}.dark{--shadow-sm:0 1px 3px 0 #00000059, 0 1px 2px -1px #00000040;--shadow-md:0 4px 12px -2px #0006, 0 2px 6px -2px #00000040;--shadow-lg:0 12px 32px -8px #00000080, 0 4px 12px -4px #0000004d}.home-root{font-feature-settings:"cv02", "cv03", "cv04", "cv11";letter-spacing:-.011em;font-family:Inter,system-ui,-apple-system,sans-serif}.home-root h1,.home-root h2,.home-root h3,.home-root h4{letter-spacing:-.022em;line-height:1.15}.home-root h1{letter-spacing:-.03em}.home-root p{line-height:1.65}html[lang=ar] .home-root,html[lang=ar] .home-root h1,html[lang=ar] .home-root h2,html[lang=ar] .home-root h3,html[lang=ar] .home-root h4,html[lang=ar] .home-root p,html[lang=ar] .home-root span,html[lang=ar] .home-root a,html[lang=ar] .home-root button,html[lang=ar] .home-root li,html[lang=ar] .home-root label,html[lang=ar] .home-root input,html[lang=ar] .home-root textarea{letter-spacing:0;font-family:Cairo,system-ui,sans-serif}.home-root :focus-visible{box-shadow:0 0 0 2px #3b82f626, 0 0 0 4px var(--brand-500);border-radius:8px;outline:none;transition:box-shadow .15s}.home-root a,.home-root button{-webkit-tap-highlight-color:transparent}.lang-btn{transition:background-color .2s var(--ease-out-expo), color .2s, border-color .2s, transform .15s}.lang-btn:hover{transform:translateY(-1px)}.lang-btn:active{transform:translateY(0)}.lang-btn.active{background-color:var(--brand-700);color:#fff;border-color:var(--brand-700)}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes softPulse{0%,to{box-shadow:0 0 #3b82f647}50%{box-shadow:0 0 0 14px #3b82f600}}@keyframes blob{0%,to{border-radius:42% 58% 70% 30%/45% 30% 70% 55%;transform:translate(0)scale(1)}33%{border-radius:60% 40% 30% 70%/60% 50% 50% 40%;transform:translate(20px,-15px)scale(1.05)}66%{border-radius:30% 70% 50% 50%/40% 60%;transform:translate(-15px,10px)scale(.97)}}.reveal{opacity:0;transition:opacity .8s var(--ease-out-expo), transform .8s var(--ease-out-expo);will-change:opacity, transform;transform:translateY(20px)}.reveal.in{opacity:1;transform:none}.reveal-delay-1{transition-delay:80ms}.reveal-delay-2{transition-delay:.16s}.reveal-delay-3{transition-delay:.24s}.hero-avatar{animation:7s ease-in-out infinite floatY,3.2s ease-out infinite softPulse}.hero-title{color:#0000;background:linear-gradient(90deg,#1d4ed8,#06b6d4,#8b5cf6,#1d4ed8) 0 0/200% 100%;-webkit-background-clip:text;background-clip:text;animation:10s linear infinite shimmer}.blob{filter:blur(72px);opacity:.28;pointer-events:none;will-change:transform, border-radius;animation:16s ease-in-out infinite blob;position:absolute}.blob-a{aspect-ratio:1;background:radial-gradient(circle, var(--brand-500), transparent 70%);width:min(380px,60vw);top:-100px;left:-80px}.blob-b{aspect-ratio:1;background:radial-gradient(circle, var(--violet-500), transparent 70%);width:min(420px,65vw);animation-delay:-5s;top:40px;right:-100px}.hero-wrap{position:relative;overflow:hidden}.card-hover{transition:transform .5s var(--ease-out-expo), box-shadow .5s var(--ease-out-expo), border-color .3s;box-shadow:var(--shadow-sm)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.logo-box{transition:transform .5s var(--ease-out-expo)}.card-hover:hover .logo-box{transform:scale(1.06)rotate(-2deg)}.home-root a[href],.home-root button{-webkit-user-select:none;user-select:none}.home-root a.bg-blue-600,.home-root button.bg-blue-600{transition:background-color .2s, transform .15s var(--ease-out-expo), box-shadow .25s;box-shadow:0 6px 16px -6px #2563eb80}.home-root a.bg-blue-600:hover,.home-root button.bg-blue-600:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px #2563eb99}.home-root a.bg-blue-600:active,.home-root button.bg-blue-600:active{transform:translateY(0);box-shadow:0 4px 10px -4px #2563eb80}.home-root a.border-2,.home-root button.border-2{transition:background-color .2s,color .2s,transform .15s,border-color .2s}.home-root a.border-2:hover,.home-root button.border-2:hover{transform:translateY(-2px)}.home-root a.border-2:active,.home-root button.border-2:active{transform:translateY(0)}.tech-icon{transition:transform .35s var(--ease-out-expo), filter .3s;filter:grayscale(15%)}.tech-icon:hover{filter:grayscale(0%);transform:translateY(-3px)scale(1.08)}.lang-bar{background:#94a3b833;border-radius:999px;height:6px;overflow:hidden}.dark .lang-bar{background:#37415199}.lang-bar>i{background:linear-gradient(90deg, var(--brand-500), var(--violet-500));transform-origin:0;height:100%;animation:barIn 1s var(--ease-out-expo) both;border-radius:999px;display:block}@keyframes barIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.mobile-menu{transition:max-height .35s var(--ease-in-out-quart), opacity .25s;opacity:0;max-height:0;overflow:hidden}.mobile-menu.open{opacity:1;max-height:560px}.menu-link{border-radius:6px;padding:.5rem .25rem;transition:color .2s,padding-left .2s}.menu-link:hover{color:var(--brand-600);padding-left:.5rem}.brand-ring{background:conic-gradient(from var(--brand-angle,0deg), #3b82f6, #06b6d4, #8b5cf6, #ec4899, #f59e0b, #10b981, #3b82f6);transition:background .6s ease, transform .35s var(--ease-out-expo), box-shadow .6s ease;box-shadow:0 6px 20px -6px var(--brand-glow,#3b82f680)}.brand-ring:hover{transform:rotate(6deg)scale(1.06)}.contact-form input,.contact-form textarea{transition:border-color .2s,box-shadow .2s,background-color .2s}.contact-form input:hover,.contact-form textarea:hover{border-color:#3b82f666}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 4px #3b82f61f}.contact-form input:invalid:not(:placeholder-shown),.contact-form textarea:invalid:not(:placeholder-shown){border-color:#ef444480}.home-root main>section{scroll-margin-top:5rem}.home-root ::selection{color:inherit;background:#3b82f640}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-root *,.home-root :before,.home-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.home-root .reveal{opacity:1!important;transform:none!important}}