@import"https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800;900&display=swap";:root{--teal: #0D9B8A;--teal-dark: #097a6d;--teal-light: #e6f7f5;--lime: #8DC63F;--lime-dark: #6fa027;--lime-light: #f2f9e7;--sky: #5BB8D4;--sky-light: #e8f6fb;--white: #ffffff;--off-white: #f8f9fa;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827;--font-main: "Cairo", "Tajawal", sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(13,155,138,.08);--shadow-md: 0 8px 32px rgba(13,155,138,.14);--shadow-lg: 0 20px 60px rgba(13,155,138,.2);--shadow-xl: 0 32px 80px rgba(13,155,138,.25);--transition: all .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-main);background:var(--white);color:var(--gray-900);direction:rtl;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--teal);border-radius:3px}.text-display{font-size:clamp(2.4rem,5vw,4.5rem);font-weight:800;line-height:1.15;letter-spacing:-.02em}.text-hero{font-size:clamp(1.6rem,3.5vw,3rem);font-weight:700;line-height:1.25}.text-section-title{font-size:clamp(1.5rem,2.8vw,2.4rem);font-weight:800;line-height:1.3}.text-card-title{font-size:1.25rem;font-weight:700}.text-body-lg{font-size:1.125rem;font-weight:400;line-height:1.8}.text-body{font-size:1rem;font-weight:400;line-height:1.75}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-teal{color:var(--teal)}.text-lime{color:var(--lime)}.text-sky{color:var(--sky)}.text-white{color:var(--white)}.text-gray{color:var(--gray-500)}.bg-teal{background-color:var(--teal)}.bg-lime{background-color:var(--lime)}.bg-sky{background-color:var(--sky)}.bg-white{background-color:var(--white)}.bg-off-white{background-color:var(--off-white)}.bg-teal-light{background-color:var(--teal-light)}.bg-lime-light{background-color:var(--lime-light)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}.section-padding{padding:clamp(4rem,8vw,7rem) 0}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}@media (max-width: 1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 2rem;border-radius:var(--radius-full);font-family:var(--font-main);font-weight:700;font-size:1rem;letter-spacing:.01em;transition:var(--transition);cursor:pointer;border:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;opacity:0;transition:opacity .3s}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-dark) 100%);color:var(--white);box-shadow:0 4px 20px #0d9b8a59}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0d9b8a73}.btn-lime{background:linear-gradient(135deg,var(--lime) 0%,var(--lime-dark) 100%);color:var(--white);box-shadow:0 4px 20px #8dc63f59}.btn-lime:hover{transform:translateY(-3px);box-shadow:0 8px 30px #8dc63f73}.btn-outline{background:transparent;color:var(--teal);border:2px solid var(--teal)}.btn-outline:hover{background:var(--teal);color:var(--white);transform:translateY(-3px)}.btn-outline-white{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.7)}.btn-outline-white:hover{background:#ffffff26;border-color:var(--white)}.btn-lg{padding:1.1rem 2.5rem;font-size:1.125rem}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);transition:var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px);border-color:var(--teal-light)}.section-label{display:inline-flex;align-items:center;gap:.5rem;background:var(--teal-light);color:var(--teal);padding:.4rem 1.2rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:700;letter-spacing:.05em;margin-bottom:1rem}.section-label-lime{background:var(--lime-light);color:var(--lime-dark)}.section-label:before{content:"";width:8px;height:8px;background:var(--teal);border-radius:50%}.section-label-lime:before{background:var(--lime)}.divider{width:60px;height:4px;background:linear-gradient(90deg,var(--teal),var(--lime));border-radius:2px;margin:1.25rem 0}.divider-center{margin:1.25rem auto}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.items-center{align-items:center}.text-center{text-align:center}.text-right{text-align:right}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fadeInUp{animation:fadeInUp .8s ease both}.animate-scaleIn{animation:scaleIn .6s ease both}.animate-float{animation:float 4s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.gradient-text{background:linear-gradient(135deg,var(--teal) 0%,var(--sky) 50%,var(--lime) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.img-overlay{position:relative;overflow:hidden;border-radius:var(--radius-lg)}.img-overlay img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.img-overlay:hover img{transform:scale(1.06)}.stat-chip{background:#fff;border-radius:var(--radius-md);padding:1.25rem 1.5rem;box-shadow:var(--shadow-md);text-align:center;border-top:4px solid var(--teal)}.icon-badge{width:64px;height:64px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--teal-light);color:var(--lime);font-size:2rem;flex-shrink:0;transition:var(--transition)}.card:hover .icon-badge{background:var(--teal);transform:scale(1.1) rotate(-5deg)}.page-hero{padding:8rem 0 4rem;background:linear-gradient(135deg,var(--teal) 0%,var(--sky) 50%,#0b7a6e 100%);color:#fff;text-align:center;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.06'%3E%3Ccircle cx='30' cy='30' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-weight:600;color:var(--gray-700);font-size:.9rem}.form-input{padding:.875rem 1.25rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-main);font-size:1rem;color:var(--gray-900);background:var(--white);transition:var(--transition);direction:rtl}.form-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 4px #0d9b8a1f}textarea.form-input{resize:vertical;min-height:140px}@media (max-width: 768px){.btn-lg{padding:.9rem 1.75rem;font-size:1rem}.section-padding{padding:clamp(3rem,6vw,5rem) 0}}