@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800;900&display=swap";
*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-lighter:#dbeafe;--primary-dark:#1d4ed8;--secondary:#7c3aed;--accent:#06b6d4;--gradient-main:linear-gradient(135deg, #2563eb 0%, #7c3aed 100%);--gradient-soft:linear-gradient(135deg, #e0e7ff 0%, #ede9fe 100%);--bg-body:#f8fafc;--bg-card:#fff;--bg-card-alt:#f1f5f9;--bg-elevated:#fff;--text-dark:#0f172a;--text-mid:#334155;--text-light:#64748b;--text-white:#fff;--border-light:#e2e8f0;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 8px 30px #0000000f;--shadow-lg:0 20px 60px #00000014;--shadow-xl:0 30px 80px #2563eb1f;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--transition:.3s cubic-bezier(.4, 0, .2, 1);--font-en:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-ar:"Tajawal", -apple-system, BlinkMacSystemFont, sans-serif}html{scroll-behavior:smooth}html[lang=ar] body{font-family:var(--font-ar)}body{font-family:var(--font-en);background:var(--bg-body);color:var(--text-dark);-webkit-font-smoothing:antialiased;line-height:1.6}[dir=rtl] .feature-item:hover{transform:translate(-4px)}[dir=rtl] .hero-grid-dots{-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}[dir=rtl] .badge .pulse-dot{order:2}section{padding:5rem 2rem}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;max-width:620px;margin:0 auto 4rem}.section-tag{text-transform:uppercase;letter-spacing:2px;color:var(--primary);background:var(--primary-lighter);border-radius:50px;margin-bottom:.8rem;padding:.2rem 1rem;font-size:.8rem;font-weight:700;display:inline-block}[dir=rtl] .section-tag{letter-spacing:0;text-transform:none}.section-header h2{letter-spacing:-.02em;color:var(--text-dark);margin-bottom:.8rem;font-size:2.6rem;font-weight:800}[dir=rtl] .section-header h2{letter-spacing:0}.section-header p{color:var(--text-light);font-size:1.1rem;line-height:1.7}.btn{transition:var(--transition);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:.6rem;padding:.9rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:0 8px 28px #2563eb4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px #2563eb66}.btn-secondary{color:var(--text-dark);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--bg-body);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-3px)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.animate-on-view{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.animate-on-view.visible{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-body)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}@media (max-width:768px){.section-header h2{font-size:2rem}}