@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap";.navbar{width:100%;height:80px;transition:all var(--transition-normal);z-index:1000;background-color:#0000;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{background-color:var(--surface);box-shadow:var(--shadow-md);height:70px}.navbar-container{justify-content:space-between;align-items:center;display:flex}.navbar-logo a{color:var(--text-dark);transition:color var(--transition-normal);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;display:flex}.navbar-logo span span{color:var(--primary)}.navbar:not(.scrolled):not(.mobile-menu-open) .navbar-logo a{color:#fff}@media (width<=768px){.navbar:not(.scrolled):not(.mobile-menu-open) .navbar-logo a{color:var(--text-dark)}}.logo-icon{background:var(--primary);border-radius:8px;width:32px;height:32px;position:relative;overflow:hidden}.logo-icon:before{content:"";border:3px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-icon:after{content:"";background:#fff;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.navbar-links{gap:2rem;display:flex}.navbar:not(.scrolled):not(.mobile-menu-open) .nav-link{color:#ffffffe6}@media (width<=768px){.navbar:not(.scrolled):not(.mobile-menu-open) .nav-link{color:var(--text-dark)}}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";background-color:var(--primary);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.navbar-actions{align-items:center;gap:1rem;display:flex}.icon-btn{color:var(--text-dark);width:40px;height:40px;transition:all var(--transition-fast);border:1.5px solid var(--border);background:0 0;border-radius:10px;justify-content:center;align-items:center;display:flex}.navbar:not(.scrolled):not(.mobile-menu-open) .icon-btn{color:#fff;border-color:#ffffff4d}@media (width<=768px){.navbar:not(.scrolled):not(.mobile-menu-open) .icon-btn{color:var(--text-dark);border-color:var(--border)}}.icon-btn:hover{background-color:var(--surface-2);color:var(--primary);border-color:var(--primary)}.navbar:not(.scrolled):not(.mobile-menu-open) .icon-btn:hover{color:#fff;background-color:#ffffff1a;border-color:#fff}.whatsapp-btn:hover{color:var(--whatsapp);background-color:#25d3661a}.lang-toggle-btn{font-family:inherit;font-size:.75rem;font-weight:700}.mobile-menu-toggle{color:var(--text-dark)}.navbar:not(.scrolled):not(.mobile-menu-open) .mobile-menu-toggle{color:#fff}@media (width<=768px){.navbar:not(.scrolled):not(.mobile-menu-open) .mobile-menu-toggle{color:var(--text-dark)}}.desktop-only{display:flex}.mobile-only{display:none}.mobile-menu{background-color:var(--surface);z-index:999;width:100%;max-height:0;transition:max-height .4s ease-in-out;position:fixed;top:70px;left:0;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.mobile-menu.open{max-height:450px}.mobile-links{flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.mobile-nav-link{color:var(--text-dark);font-size:1.125rem;font-weight:500}.mobile-nav-link:hover{color:var(--primary)}.mobile-whatsapp{width:100%;margin-top:1rem}@media (width<=768px){.desktop-only{display:none}.mobile-only{display:flex}.navbar-actions{gap:.5rem}.navbar{background-color:var(--surface);height:70px}.navbar.scrolled{height:70px}}:root{--primary:#0056b3;--primary-hover:#004494;--secondary:#1a1a24;--background:#f4f6f8;--surface:#fff;--surface-2:#f9fafb;--text-dark:#1f2937;--text-light:#6b7280;--border:#e5e7eb;--whatsapp:#25d366;--whatsapp-hover:#1ebe5d;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-family-ar:"Tajawal", "Inter", system-ui, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}[data-theme=dark]{--background:#0f1117;--surface:#1a1d27;--surface-2:#242837;--text-dark:#f1f5f9;--text-light:#94a3b8;--border:#2d3348;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006, 0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #00000080, 0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #0009, 0 10px 10px -5px #0006}[dir=rtl]{--font-family:"Tajawal", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;position:relative;overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-dark);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media (width>=768px){.container{padding:0 2rem}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s forwards fadeIn}.animate-slide-up{opacity:0;animation:.6s forwards slideUp}.input-group{margin-bottom:1rem}.input-group label{color:var(--text-dark);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.input-group input,.input-group textarea,.input-group select{border:1px solid var(--border);background-color:var(--surface);width:100%;color:var(--text-dark);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-normal);border-radius:.5rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem}.input-group input:focus,.input-group textarea:focus,.input-group select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0056b31a}.btn{transition:all var(--transition-normal);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--secondary);color:#fff}.btn-secondary:hover{box-shadow:var(--shadow-md);background-color:#111118}.btn-whatsapp{background-color:var(--whatsapp);color:#fff}.btn-whatsapp:hover{background-color:var(--whatsapp-hover);box-shadow:var(--shadow-md)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-outline:hover{background-color:var(--primary);color:#fff}.glass{background:var(--surface);border:1px solid var(--border);transition:background-color var(--transition-normal), border-color var(--transition-normal)}.bg-surface-2{background-color:var(--surface-2)}.w-full{width:100%}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}