@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;800&family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--secondary-50: #f0fdfa;--secondary-100: #ccfbf1;--secondary-200: #99f6e4;--secondary-300: #5eead4;--secondary-400: #2dd4bf;--secondary-500: #14b8a6;--secondary-600: #0d9488;--secondary-700: #0f766e;--secondary-800: #115e59;--secondary-900: #134e4a;--accent-50: #fef3c7;--accent-100: #fde68a;--accent-200: #fcd34d;--accent-300: #fbbf24;--accent-400: #f59e0b;--accent-500: #f97316;--accent-600: #ea580c;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success-500: #22c55e;--success-600: #16a34a;--warning-500: #f59e0b;--warning-600: #d97706;--error-500: #ef4444;--error-600: #dc2626;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-en: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ar: "Cairo", "Segoe UI", Tahoma, sans-serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[dir=ltr]{text-align:left}[dir=rtl]{text-align:right}body{font-family:var(--font-en);color:var(--gray-800);background-color:var(--gray-50);line-height:1.7;overflow-x:hidden;transition:font-family var(--transition-base)}html[lang=ar] body{font-family:var(--font-ar)}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.2;color:var(--gray-900);letter-spacing:-.02em}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{font-size:clamp(1rem,2vw,1.125rem);color:var(--gray-600);line-height:1.8}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-600) 0%,var(--secondary-600) 100%);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity var(--transition-slower),visibility var(--transition-slower)}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center;color:#fff}.loading-logo{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-6);animation:pulse 2s ease-in-out infinite}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.lang-toggle{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:var(--z-fixed);display:flex;flex-direction:column;gap:var(--space-2)}[dir=rtl] .lang-toggle{left:auto;right:0}.lang-toggle-btn{background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));color:#fff;border:none;padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-lg) var(--radius-lg) 0;cursor:pointer;font-size:.875rem;font-weight:700;transition:all var(--transition-base);box-shadow:var(--shadow-lg);min-width:44px}[dir=rtl] .lang-toggle-btn{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.lang-toggle-btn:hover{padding-left:var(--space-6);transform:translate(4px);box-shadow:var(--shadow-xl)}[dir=rtl] .lang-toggle-btn:hover{padding-left:var(--space-4);padding-right:var(--space-6);transform:translate(-4px)}.lang-toggle-btn.active{background:#fff;color:var(--primary-600)}.header{position:sticky;top:0;z-index:var(--z-sticky);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);transition:all var(--transition-base)}.header.scrolled{background:#fffffffa;box-shadow:var(--shadow-md)}.header-content{max-width:1400px;margin:0 auto;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.logo-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;box-shadow:var(--shadow-md)}.logo-text{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--primary-700),var(--secondary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;align-items:center;gap:var(--space-8)}.nav-list{display:flex;list-style:none;gap:var(--space-2)}.nav-link{display:block;padding:var(--space-3) var(--space-4);color:var(--gray-700);text-decoration:none;font-weight:600;font-size:.95rem;border-radius:var(--radius-md);transition:all var(--transition-base);position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));transition:width var(--transition-base);border-radius:var(--radius-full)}.nav-link:hover{color:var(--primary-600);background:var(--primary-50)}.nav-link:hover:after{width:60%}.nav-link.active{color:var(--primary-600);background:var(--primary-50)}.nav-link.active:after{width:60%}.menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--gray-700);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-base)}.menu-toggle:hover{background:var(--gray-100);color:var(--primary-600)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);overflow:hidden;padding:var(--space-20) var(--space-6)}.hero:before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:url(https://images.pexels.com/photos-photos/1166019/pexels-photo-1166019.jpeg?auto=compress&cs=tinysrgb&w=1920) center center / cover no-repeat;opacity:.15;filter:blur(40px)}[dir=rtl] .hero:before{right:auto;left:0}.hero-bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(20,184,166,.1) 0%,transparent 50%);animation:patternMove 20s ease-in-out infinite}@keyframes patternMove{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hero-content{position:relative;z-index:1;max-width:900px;text-align:center;color:#fff}.hero-badge{display:inline-block;padding:var(--space-2) var(--space-5);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--secondary-300);margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeInDown .8s ease-out}.hero-title{font-size:clamp(2.5rem,6vw,5rem);font-weight:900;margin-bottom:var(--space-6);background:linear-gradient(135deg,#fff,#e0f2fe,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease-out;line-height:1.1}.hero-subtitle{font-size:clamp(1.125rem,2.5vw,1.5rem);color:#fffc;margin-bottom:var(--space-10);line-height:1.6;animation:fadeInUp 1s ease-out .2s both}.hero-stats{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap;margin-bottom:var(--space-10);animation:fadeInUp 1s ease-out .4s both}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-5);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);min-width:140px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.stat-item:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-5px)}.stat-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,var(--secondary-400),var(--accent-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.stat-label{font-size:.875rem;color:#ffffffb3;margin-top:var(--space-2);font-weight:500}.hero-cta{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;animation:fadeInUp 1s ease-out .6s both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-size:1rem;font-weight:700;text-decoration:none;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));color:#fff;box-shadow:0 4px 20px #3b82f64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #3b82f666}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;border-color:#ffffff80}.section{padding:var(--space-20) var(--space-6);position:relative}.section-header{text-align:center;max-width:800px;margin:0 auto var(--space-16)}.section-badge{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--primary-50);color:var(--primary-600);border-radius:var(--radius-full);font-size:.875rem;font-weight:700;margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.section-title{margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--gray-900),var(--primary-700));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{color:var(--gray-600);font-size:1.125rem;line-height:1.8}.services-section{background:#fff}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6);max-width:1400px;margin:0 auto}.service-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-600),var(--secondary-600));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}[dir=rtl] .service-card:before{transform-origin:right}.service-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-xl);transform:translateY(-8px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:72px;height:72px;background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--primary-600);margin-bottom:var(--space-6);transition:all var(--transition-base)}.service-card:hover .service-icon{background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));color:#fff;transform:scale(1.1) rotate(-5deg)}.service-title{font-size:1.5rem;margin-bottom:var(--space-3);color:var(--gray-900)}.service-description{color:var(--gray-600);line-height:1.7;margin:0}.about-section{background:linear-gradient(135deg,var(--gray-50) 0%,white 100%)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;max-width:1400px;margin:0 auto}.about-image{position:relative}.about-image-wrapper{position:relative;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl)}.about-image-wrapper:before{content:"";position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));border-radius:var(--radius-2xl);opacity:.1;z-index:-1}.about-image img{width:100%;height:500px;object-fit:cover;display:block}.about-text h2{margin-bottom:var(--space-6)}.about-text p{margin-bottom:var(--space-5);font-size:1.125rem}.brands-section{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--gray-200)}.brands-title{font-size:1rem;color:var(--gray-500);margin-bottom:var(--space-5);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.brands-list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.brand-badge{padding:var(--space-2) var(--space-5);background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;color:var(--gray-700);transition:all var(--transition-base)}.brand-badge:hover{background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);max-width:1400px;margin:0 auto}.contact-info{display:flex;flex-direction:column;gap:var(--space-6)}.contact-item{display:flex;gap:var(--space-4);align-items:flex-start}.contact-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary-50),var(--secondary-50));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-600);flex-shrink:0}.contact-details h4{font-size:1.125rem;margin-bottom:var(--space-2);color:var(--gray-900)}.contact-details p,.contact-details a{color:var(--gray-600);text-decoration:none;transition:color var(--transition-base)}.contact-details a:hover{color:var(--primary-600)}.social-links{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.social-link{width:48px;height:48px;background:var(--gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:1.25rem;text-decoration:none;transition:all var(--transition-base)}.social-link:hover{background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));color:#fff;transform:translateY(-3px);box-shadow:var(--shadow-md)}.map-wrapper{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--gray-200)}.map-wrapper iframe{width:100%;height:400px;border:none;display:block}.footer{background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);color:#fff;padding:var(--space-12) var(--space-6)}.footer-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-6)}.footer-text{color:var(--gray-400);font-size:.95rem}.scroll-top{position:fixed;bottom:var(--space-8);right:var(--space-8);width:56px;height:56px;background:linear-gradient(135deg,var(--primary-600),var(--secondary-600));color:#fff;border:none;border-radius:var(--radius-lg);font-size:1.25rem;cursor:pointer;opacity:0;visibility:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-xl);z-index:var(--z-fixed);display:flex;align-items:center;justify-content:center}[dir=rtl] .scroll-top{right:auto;left:var(--space-8)}.scroll-top.visible{opacity:1;visibility:visible}.scroll-top:hover{transform:translateY(-5px);box-shadow:0 8px 30px #3b82f680}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}@media (max-width: 1024px){.about-content,.contact-grid{grid-template-columns:1fr}.about-image{order:-1}}@media (max-width: 768px){.nav-list{display:none;position:fixed;top:0;right:-100%;width:280px;height:100vh;flex-direction:column;background:#fff;padding:var(--space-20) var(--space-6);box-shadow:var(--shadow-2xl);transition:right var(--transition-slow);gap:var(--space-1);overflow-y:auto}[dir=rtl] .nav-list{right:auto;left:-100%}.nav-list.active{display:flex;right:0}[dir=rtl] .nav-list.active{right:auto;left:0}.menu-toggle{display:block}.hero-stats{gap:var(--space-4)}.stat-item{min-width:120px;padding:var(--space-4)}.stat-number{font-size:2rem}.lang-toggle{top:auto;bottom:50%;left:0}.scroll-top{bottom:var(--space-6);right:var(--space-6)}[dir=rtl] .scroll-top{right:auto;left:var(--space-6)}}@media (max-width: 480px){.section{padding:var(--space-12) var(--space-4)}.hero-title{font-size:2.5rem}.hero-stats{flex-direction:column;align-items:center}.stat-item{width:100%;max-width:200px}.hero-cta{flex-direction:column}.btn{width:100%;justify-content:center}.services-grid{grid-template-columns:1fr}.header-content{padding:var(--space-3) var(--space-4)}.logo-text{font-size:1.125rem}}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-overlay.active{opacity:1;visibility:visible}.skeleton{background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}button:focus-visible,a:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}@media print{.nav,.scroll-top,.lang-toggle{display:none!important}.hero{min-height:auto;padding:var(--space-8)}}