@font-face{font-family:Space Grotesk Fallback;src:local("Arial");size-adjust:106%;ascent-override:96%;descent-override:24%;line-gap-override:0%}@font-face{font-family:Syne Fallback;src:local("Arial Black");size-adjust:100%;ascent-override:103%;descent-override:25%;line-gap-override:0%}@font-face{font-family:Noto Kufi Arabic Fallback;src:local("Segoe UI"),local("Tahoma");size-adjust:98%;ascent-override:100%;descent-override:30%;line-gap-override:0%}:root{--bg-dark: #030303;--bg-light: #0a0a0a;--bg-glass: rgba(10, 10, 10, .6);--primary: #3b82f6;--accent: #D4AF37;--text: #ffffff;--text-muted: #a0a0a0;--text-dim: #666666;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .2);--grid-color: rgba(255, 255, 255, .03);--radius: 0px;--radius-sm: 4px;--font-sans: "Space Grotesk", "Space Grotesk Fallback", sans-serif;--font-display: "Syne", "Syne Fallback", sans-serif;--font-display-ar: "Noto Kufi Arabic", "Noto Kufi Arabic Fallback", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg-dark);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}html[dir=rtl],html[dir=rtl] body,html[dir=rtl] #root{overflow-x:hidden;max-width:100vw}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.02em}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6{text-transform:none;letter-spacing:0}a{color:inherit;text-decoration:none;transition:color .2s}img{max-width:100%;display:block}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.bg-grid{background-size:40px 40px;background-image:linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);mask-image:radial-gradient(circle at center,black 40%,transparent 100%);-webkit-mask-image:radial-gradient(circle at center,black 40%,transparent 100%);position:absolute;inset:0;z-index:-1;pointer-events:none}.glass-panel{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border)}.text-gradient{background:linear-gradient(to right,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{padding:1rem 2.5rem;font-family:var(--font-sans);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:1px solid var(--border)}[dir=rtl] .btn{text-transform:none;letter-spacing:0}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--text);transform:scaleX(0);transform-origin:right;transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:-1}.btn:hover:before{transform:scaleX(1);transform-origin:left}.btn:hover{transform:scale(1.02);box-shadow:0 4px 20px #3b82f640}.btn.primary{background:transparent;color:var(--text);border-color:var(--text)}.btn.primary:hover{color:var(--bg-dark)}.btn.secondary{background:transparent;color:var(--text-muted);border-color:var(--border)}.btn.secondary:hover{color:var(--bg-dark);border-color:var(--text)}.navbar{position:fixed;top:1.5rem;left:50%;right:auto;transform:translate(-50%);width:auto;min-width:800px;max-width:calc(100% - 2rem);padding:.75rem 2rem;background:#050505d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border);border-radius:9999px;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:3rem;transition:all .3s ease;box-shadow:0 8px 32px #0009,inset 0 1px #ffffff0d;direction:ltr}[dir=rtl] .navbar{left:50%;right:auto;transform:translate(-50%)}.nav-brand a{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--text)}.nav-links{display:flex;gap:2.5rem;list-style:none}.nav-links a{font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-weight:500}.nav-links a:hover{color:var(--text);text-shadow:0 0 10px rgba(255,255,255,.3)}.nav-links a.active{color:var(--text);position:relative}.nav-links a.active:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:20px;height:2px;background:var(--text);border-radius:1px}.nav-actions{display:flex;gap:1rem}.mobile-bottom-nav,.mobile-lang-toggle{display:none}@media(max-width:1024px){.navbar{display:none}.mobile-lang-toggle{display:block;position:fixed;top:1.25rem;right:1.5rem;left:auto;z-index:1001}[dir=rtl] .mobile-lang-toggle{right:1.5rem;left:auto}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;width:100%;background:#030303f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05);z-index:1000;padding:.75rem .5rem calc(.75rem + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;box-shadow:0 -4px 20px #00000080;direction:ltr}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:.35rem;color:var(--text-muted);font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;text-decoration:none}.mobile-bottom-nav a svg{width:24px;height:24px;stroke:currentColor;stroke-width:1.5;fill:none;transition:all .3s ease}.mobile-bottom-nav a.active{color:var(--primary)}.mobile-bottom-nav a.active svg{fill:#3b82f626;stroke-width:2;transform:translateY(-2px)}[dir=rtl] .mobile-bottom-nav{left:0;right:0}}section{padding:8rem 0;position:relative;content-visibility:auto;contain-intrinsic-size:1px 500px}section#hero{content-visibility:visible;contain-intrinsic-size:auto}section h2{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:4rem;color:var(--text)}.footer{border-top:1px solid var(--border);padding:4rem 0;background:var(--bg-dark)}.btn-crafted{font-size:.85rem;padding:.8rem 1.5rem;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#3b82f6);background-size:200% 200%;border:none;color:#fff;font-weight:600;box-shadow:0 4px 15px #3b82f666;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em;animation:gradientShift 3s ease infinite}.btn-crafted:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #3b82f699;filter:brightness(1.1);background-position:100% 50%}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}input:focus,textarea:focus{border-color:var(--primary)!important;outline:2px solid var(--primary);outline-offset:2px}input:not(:focus),textarea:not(:focus){border-color:var(--border)!important}button:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--primary);transform-origin:left;z-index:9999;box-shadow:0 0 10px var(--primary)}.skeleton{background:linear-gradient(90deg,#0a0a0a 25%,#1a1a1a,#0a0a0a 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:769px){.footer-grid>div{position:relative}.footer-grid>div:not(:last-child):after{content:"";position:absolute;right:-2rem;top:10%;height:80%;width:1px;background:linear-gradient(to bottom,transparent,var(--border),transparent)}}input.error,textarea.error{border-color:#ef4444!important;animation:shake .4s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}50%{transform:translate(8px)}75%{transform:translate(-4px)}}.success-checkmark{width:60px;height:60px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;animation:scaleIn .4s ease-out}.success-checkmark svg{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;animation:drawCheck .4s ease-out .2s forwards;stroke-dasharray:30;stroke-dashoffset:30}@keyframes scaleIn{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes drawCheck{to{stroke-dashoffset:0}}.service-card:hover,.service-card:focus{box-shadow:0 0 30px #3b82f626}.page-loader-pulse{animation:loaderPulse 1.5s ease-in-out infinite}@keyframes loaderPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero{contain:layout style}.hero-bg img{will-change:auto}@keyframes heroFadeIn{0%{opacity:0}to{opacity:1}}.hero-animate-fade{opacity:0;animation:heroFadeIn .8s cubic-bezier(.22,1,.36,1) forwards}.hero-stagger-1{animation-delay:.1s}.hero-stagger-2{animation-delay:.2s}.hero-stagger-3{animation-delay:.3s}.hero-stagger-4{animation-delay:.4s}.hero-stagger-5{animation-delay:.5s}