:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--secondary-color: #ec4899;--accent-color: #8b5cf6;--text-dark: #111827;--text-light: #4b5563;--bg-light: #f9fafb;--bg-white: #ffffff;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-hero: linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--transition: all .3s ease}.landing-page{font-family:Inter,sans-serif;color:var(--text-dark);overflow-x:hidden}html[lang=ar] .landing-page,html[dir=rtl] .landing-page{font-family:Tajawal,sans-serif}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.section-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle{font-size:1.125rem;color:var(--text-light);max-width:600px;margin:0 auto 3rem}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;background:var(--gradient-hero);color:#fff;overflow:hidden;padding-top:80px}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.floating-shapes .shape{position:absolute;background:#ffffff0d;border-radius:50%;animation:float 20s infinite linear}.shape-1{width:300px;height:300px;top:-100px;left:-100px;animation-duration:25s}.shape-2{width:200px;height:200px;bottom:10%;right:-50px;animation-duration:20s}.shape-3{width:150px;height:150px;top:20%;right:20%;animation-duration:15s}@keyframes float{0%{transform:translate(0) rotate(0)}50%{transform:translate(20px,20px) rotate(180deg)}to{transform:translate(0) rotate(360deg)}}.hero-content{position:relative;z-index:10}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{font-size:1.25rem;color:#fffc;margin-bottom:2rem}.hero-btn-primary{background:var(--gradient-primary);color:#fff;padding:1rem 2rem;border-radius:50px;font-weight:600;transition:var(--transition);box-shadow:0 10px 20px #6366f14d}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #6366f166}.hero-mockup{position:relative;z-index:10;animation:float-mockup 6s ease-in-out infinite;will-change:transform}@keyframes float-mockup{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media(max-width:768px){.hero-mockup{animation:none}.floating-shapes .shape{animation-duration:30s}}.services-section{padding:6rem 0;background:var(--bg-light)}.service-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;transition:var(--transition);height:100%;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.service-icon{width:60px;height:60px;background:#6366f11a;color:var(--primary-color);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.pricing-section{padding:6rem 0;background:#fff}.pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.5rem;padding:2.5rem;transition:var(--transition);position:relative}.pricing-card.featured{border-color:var(--primary-color);box-shadow:0 20px 25px -5px #6366f11a;transform:scale(1.05);z-index:1}.pricing-price{font-size:3rem;font-weight:800;color:var(--text-dark);margin:1.5rem 0}.pricing-features li{display:flex;align-items:center;margin-bottom:1rem;color:var(--text-light)}.pricing-features i{color:var(--primary-color);margin-right:.75rem}.stats-section{background:var(--gradient-primary);padding:4rem 0;color:#fff}.stat-number{font-size:3rem;font-weight:800;margin-bottom:.5rem}.faq-section{padding:6rem 0;background:var(--bg-light)}.faq-item{background:#fff;border-radius:.75rem;margin-bottom:1rem;overflow:hidden}.faq-button{width:100%;padding:1.5rem;text-align:left;font-weight:600;display:flex;justify-content:space-between;align-items:center}.cta-section{padding:6rem 0;background:var(--gradient-hero);color:#fff;text-align:center;position:relative;overflow:hidden}.landing-navbar{position:absolute;top:0;left:0;width:100%;z-index:50;padding:1.5rem 0;transition:var(--transition)}.landing-navbar.scrolled{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px -1px #0000001a;padding:1rem 0}.nav-link{color:#ffffffe6;font-weight:500;transition:var(--transition)}.landing-navbar.scrolled .nav-link{color:var(--text-dark)}.nav-link:hover{color:#fff}.landing-navbar.scrolled .nav-link:hover{color:var(--primary-color)}.landing-footer{background:#111827;color:#fff;padding:4rem 0 2rem}.footer-link{color:#9ca3af;transition:var(--transition)}.footer-link:hover{color:#fff}html[dir=rtl] .pricing-features i{margin-right:0;margin-left:.75rem}html[dir=rtl] .service-card,html[dir=rtl] .pricing-card,html[dir=rtl] .faq-item,html[dir=rtl] .faq-button,html[dir=rtl] .hero-content{text-align:right}.rtl\:space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}@media(max-width:768px){.hero-title{font-size:2.5rem}.pricing-card.featured{transform:scale(1)}}