@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";@keyframes spin{to{transform:rotate(360deg)}}:root{--primary-blue:#00aeef;--primary-glow:#00aeef66;--secondary-blue:#eaf8fd;--dark-blue:#0a2540;--accent-cyan:#00d4ff;--white:#fff;--off-white:#f8fafc;--text-dark:#334155;--text-muted:#64748b;--error:#ef4444;--success:#10b981;--warning:#f59e0b;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--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-glow:0 0 20px var(--primary-glow);--transition-fast:.2s ease-out;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--secondary-blue);color:var(--text-dark);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;display:flex}#root{flex-direction:column;flex:1;display:flex}h1,h2,h3,h4,h5,h6{color:var(--dark-blue);letter-spacing:-.02em;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary-blue);color:var(--white)}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background-color:var(--white);color:var(--dark-blue);border:1px solid #e2e8f0}.btn-secondary:hover{background-color:var(--off-white)}.btn-outline{color:var(--text-muted);background:0 0}.btn-outline:hover{color:var(--dark-blue);background-color:#0000000d}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-action-btn:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 8px 30px #0003!important}.input-group{text-align:left;flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.input-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.input-field{border-radius:var(--radius-sm);background-color:var(--white);transition:all var(--transition-fast);color:var(--dark-blue);border:1px solid #e2e8f0;width:100%;padding:12px 16px;font-size:1rem}.input-field:focus{border-color:var(--primary-blue);outline:none;box-shadow:0 0 0 3px #00aeef26}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-smooth);padding:32px}.hover-glow:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.page-container{width:100%;max-width:1000px;margin:0 auto;padding:40px 24px}.badge{border-radius:var(--radius-full);padding:4px 12px;font-size:.8rem;font-weight:600}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-error{color:#991b1b;background:#fee2e2}.badge-info{color:#075985;background:#e0f2fe}.pill-toggle{background:var(--white);border-radius:var(--radius-full);cursor:pointer;color:var(--text-dark);transition:all var(--transition-fast);border:1px solid #e2e8f0;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:500;display:inline-flex}.pill-toggle.active{background:var(--off-white);border-color:#cbd5e1}.pill-toggle .switch{background:#e2e8f0;border-radius:18px;width:32px;height:18px;transition:background .2s;position:relative}.pill-toggle.active .switch{background:var(--primary-blue)}.pill-toggle .switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px}.pill-toggle.active .switch:after{transform:translate(14px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes successPulse{0%{opacity:0;transform:scale(.7)}60%{opacity:1;transform:scale(1.08)}to{transform:scale(1)}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.modal-overlay{z-index:1000;background:#1a202ccc;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--white);border-radius:var(--radius-md);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:32px;animation:.3s ease-out slideDown;position:relative}.navbar{background:var(--white);z-index:100;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 32px;display:flex;position:relative}.nav-links{align-items:center;gap:28px;display:flex}.nav-links-desktop{display:flex}.nav-link{color:var(--text-muted);transition:color var(--transition-fast);font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--dark-blue)}.nav-link:after{content:"";background:var(--primary-blue);width:0;height:2px;transition:width .25s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.lang-btn{border-radius:var(--radius-full);background:var(--white);color:var(--text-dark);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1.5px solid #e2e8f0;align-items:center;gap:6px;padding:7px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.lang-btn:hover{border-color:var(--primary-blue);color:var(--primary-blue);background:var(--secondary-blue)}.lang-dropdown{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:200;border:1px solid #e2e8f0;min-width:150px;animation:.18s ease-out slideDown;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.lang-option{cursor:pointer;width:100%;transition:background var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;display:flex}.lang-option:hover{background:var(--secondary-blue)}.lang-option.active{background:var(--secondary-blue);color:var(--primary-blue)}.lang-code{color:var(--dark-blue);min-width:28px;font-size:.85rem;font-weight:700}.lang-option.active .lang-code{color:var(--primary-blue)}.lang-full{color:var(--text-muted);font-size:.88rem}.mobile-burger{border-radius:var(--radius-sm);background:var(--white);cursor:pointer;color:var(--dark-blue);transition:all var(--transition-fast);border:1.5px solid #e2e8f0;justify-content:center;align-items:center;padding:6px;display:none}.mobile-burger:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.mobile-nav{background:var(--white);z-index:99;box-shadow:var(--shadow-md);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-direction:column;padding:8px 0;animation:.2s ease-out slideDown;display:none;position:absolute;top:100%;left:0;right:0}.mobile-nav-link{color:var(--text-muted);transition:all var(--transition-fast);border-left:3px solid #0000;padding:14px 28px;font-size:1rem;font-weight:500;display:block}.mobile-nav-link:hover{color:var(--dark-blue);background:var(--off-white);border-left-color:var(--primary-blue)}.mobile-nav-link.active{color:var(--primary-blue);background:var(--secondary-blue);border-left-color:var(--primary-blue)}.featured-card-grid{grid-template-columns:1fr 1fr;min-height:280px;display:grid}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.about-cta-grid{grid-template-columns:1fr 1fr;display:grid}.btn:active{transition:transform .1s;transform:scale(.96)}.card{transition:all var(--transition-smooth)}.service-card:hover .service-img-wrap img{transform:scale(1.06)}.service-card{transition:box-shadow .3s,transform .3s}.service-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00aeef2e}.input-field:focus{animation:.4s ease-out inputPulse}@keyframes inputPulse{0%{box-shadow:0 0 #00aeef66}70%{box-shadow:0 0 0 6px #00aeef00}to{box-shadow:0 0 0 3px #00aeef26}}.stat-card:hover{background:var(--secondary-blue);transform:translateY(-2px)}.pill-toggle:active{transform:scale(.97)}.badge{transition:transform .2s}.badge:hover{transform:scale(1.05)}.gradient-text{background:linear-gradient(90deg, var(--primary-blue), var(--accent-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.w-100{width:100%}.flex-center{justify-content:center;align-items:center;display:flex}.text-muted{color:var(--text-muted)}.admin-layout{background-color:var(--secondary-blue);min-height:100vh;display:flex}.admin-sidebar{background:var(--white);border-right:1px solid #e2e8f0;flex-direction:column;width:280px;height:100vh;padding:32px 24px;display:flex;position:sticky;top:0}.admin-content{flex:1;padding:40px;overflow-y:auto}.admin-nav-btn{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:16px;font-size:1.05rem;font-weight:500;display:flex}.admin-nav-btn:hover{background:var(--off-white);color:var(--dark-blue)}.admin-nav-btn.active{background:var(--secondary-blue);color:var(--primary-blue)}@media (width<=768px){.nav-links-desktop{display:none}.mobile-burger{display:inline-flex}.mobile-nav{display:flex}.navbar{padding:12px 20px}.page-container{padding:24px 16px}.featured-card-grid{min-height:unset;grid-template-columns:1fr}.featured-card-grid>div:first-child{height:220px;position:relative}.stats-grid{grid-template-columns:repeat(2,1fr)}.about-cta-grid{grid-template-columns:1fr}.about-cta-grid img{height:220px!important}.card{padding:20px}.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;padding:20px;position:static}.admin-content{padding:20px}}@media (width<=480px){.page-container{padding:16px 12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.service-card{min-width:unset}.btn{padding:10px 16px;font-size:.9rem}.lang-btn{padding:6px 10px;font-size:.8rem}.card{padding:16px}.navbar{padding:10px 14px}.input-field{padding:10px 12px;font-size:.95rem}.about-cta-grid img{height:180px!important}}@media (width<=360px){.stats-grid{grid-template-columns:1fr 1fr}h1{font-size:1.5rem}.lang-btn span:last-child{display:none}}[dir=rtl] .navbar,[dir=rtl] .nav-links{flex-direction:row-reverse}[dir=rtl] .mobile-nav-link{text-align:right;border-left:none;border-right:3px solid #0000}[dir=rtl] .mobile-nav-link:hover,[dir=rtl] .mobile-nav-link.active{border-right-color:var(--primary-blue);border-left:none}[dir=rtl] .input-group{text-align:right}[dir=rtl] .input-group label{letter-spacing:0}[dir=rtl] .featured-card-grid{direction:rtl}[dir=rtl] .btn{flex-direction:row-reverse}