:root{--bg:#0a0a0f;--violet:#8b5cf6;--cyan:#06b6d4;--pink:#ec4899;--emerald:#10b981;--max-width:80rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:#fff;min-height:100vh;font-family:Cairo,Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.font-display{font-family:Cairo,Space Grotesk,sans-serif}.font-latin{font-family:Space Grotesk,Cairo,sans-serif}.container{max-width:var(--max-width);margin:0 auto}.section{padding:6rem 1.5rem;position:relative}.bg-orbs{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-grid{opacity:.3;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}.orb{filter:blur(80px);opacity:.4;border-radius:50%;transition:transform .2s ease-out;animation:8s ease-in-out infinite float;position:absolute}.orb-1{background:radial-gradient(circle,#8b5cf699,#0000 70%);width:400px;height:400px;animation-delay:0s;top:10%;left:10%}.orb-2{background:radial-gradient(circle,#06b6d480,#0000 70%);width:300px;height:300px;animation-delay:-3s;top:60%;right:10%}.orb-3{background:radial-gradient(circle,#ec489966,#0000 70%);width:250px;height:250px;animation-delay:-6s;bottom:20%;left:30%}.glass{-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;box-shadow:0 8px 32px #0000005e,inset 0 1px #ffffff1a}.glass-strong{-webkit-backdrop-filter:blur(40px);background:#ffffff0d;border:1px solid #ffffff1f;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff26}.glass-card{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:24px;transition:all .4s cubic-bezier(.4,0,.2,1)}.glass-card:hover{border-color:#8b5cf64d;transform:translateY(-8px);box-shadow:0 20px 60px #8b5cf626,inset 0 1px #fff3}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#06b6d4,#ec4899);-webkit-text-fill-color:transparent;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;animation:4s infinite gradient-shift}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border:none;transition:all .3s;position:relative;overflow:hidden}.btn-primary:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #8b5cf666}.btn-ghost{transition:all .3s}.btn-ghost:hover{background:#ffffff1a}.pill{border-radius:9999px;align-items:center;gap:.5rem;display:inline-flex}.reveal{opacity:0;transition:all .8s cubic-bezier(.4,0,.2,1);transform:translateY(30px)}.reveal.active{opacity:1;transform:translateY(0)}.service-icon{position:relative}.service-icon:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:16px;transition:opacity .3s;position:absolute;inset:-4px}.glass-card:hover .service-icon:before{opacity:.3}.contact-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.contact-card:hover{border-color:#8b5cf666;transform:translateY(-4px)scale(1.02)}.particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{border-radius:50%;width:4px;height:4px;animation:15s infinite particle-float;position:absolute}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#8b5cf680;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient-shift{0%,to{background-position:0%}50%{background-position:100%}}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce-dot{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes particle-float{0%,to{opacity:0;transform:translateY(100vh)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(720deg)}}.animate-pulse-glow{animation:3s ease-in-out infinite pulse-glow}.animate-spin-slow{animation:20s linear infinite spin-slow}.animate-pulse-dot{animation:1.5s ease-in-out infinite pulse-glow}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}[dir=rtl] .learn-more svg,[dir=rtl] .hero-btn svg{transform:scaleX(-1)}[dir=rtl] .gradient-text,.stat-value,.about-stat-value{unicode-bidi:plaintext}