@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700&family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--primary:#007fff;--primary-hover:#005ec2;--primary-glow:#007fff14;--accent:#4f46e5;--bg-main:#fff;--bg-surface:#f8fafc;--bg-card:#fff;--border-light:#e2e8f0;--border-hover:#cbd5e1;--text-main:#0f172a;--text-muted:#475569;--text-dark:#94a3b8;--shadow-card:0 4px 20px -2px #0f172a0a, 0 4px 12px -2px #0f172a05;--shadow-hover:0 20px 35px -5px #0f172a14, 0 10px 20px -5px #0f172a0a;--shadow-phone:0 25px 50px -12px #0f172a1f;--transition-smooth:all .25s cubic-bezier(.4, 0, .2, 1);--font-base:"Outfit", "Cairo", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}html,body{background-color:var(--bg-main);width:100%;min-height:100%;color:var(--text-main);font-family:var(--font-base);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}html[dir=rtl] body{text-align:right}.container{z-index:1;width:100%;max-width:1140px;margin:0 auto;padding:0 24px;position:relative}.glass-panel{background:var(--bg-card);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:var(--transition-smooth);border-radius:20px}.glass-panel:hover{border-color:var(--border-hover);box-shadow:var(--shadow-hover)}.navbar{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border-light);background:#fffffff2;align-items:center;height:80px;display:flex;position:fixed;top:0;left:0;right:0}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--text-main);align-items:center;gap:10px;font-size:22px;font-weight:700;text-decoration:none;display:flex}.logo-icon{background:var(--primary);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-muted);transition:var(--transition-smooth);font-size:15px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--primary)}.lang-selector{border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;font-family:var(--font-base);transition:var(--transition-smooth);background:#fff;border-radius:10px;outline:none;padding:6px 12px;font-size:14px;font-weight:500}.lang-selector:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.hero{background:radial-gradient(circle at 10% 20%,#f8fafccc 0%,#fff 90%);align-items:center;min-height:85vh;padding:180px 0 100px;display:flex;position:relative}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;display:grid}html[dir=rtl] .hero-grid{direction:rtl}.hero-content{flex-direction:column;gap:24px;display:flex}.badge{background:var(--bg-surface);border:1px solid var(--border-light);color:var(--text-muted);letter-spacing:.3px;border-radius:100px;align-items:center;width:fit-content;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{color:var(--text-main);letter-spacing:-.5px;font-size:clamp(38px,4.5vw,52px);font-weight:700;line-height:1.15}.gradient-text{color:var(--primary)}.hero-desc{color:var(--text-muted);max-width:520px;font-size:18px;line-height:1.6}.hero-buttons{gap:16px;margin-top:12px;display:flex}.btn{cursor:pointer;transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;border:none}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{border:1px solid var(--border-light);color:var(--text-main);background:#fff}.btn-secondary:hover{background:var(--bg-surface);border-color:var(--border-hover);transform:translateY(-1px)}.mockup-container{justify-content:center;align-items:center;display:flex;position:relative}.phone-mockup{width:290px;height:580px;box-shadow:var(--shadow-phone);outline:1px solid var(--border-light);background:#fff;border:10px solid #f1f5f9;border-radius:36px;position:relative;overflow:hidden}.phone-screen{background:#fff;flex-direction:column;gap:16px;width:100%;height:100%;padding:24px 16px;display:flex}.phone-header{z-index:10;background:#f1f5f9;border-radius:0 0 12px 12px;width:110px;height:18px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mock-card{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.mock-avatar-row{align-items:center;gap:12px;display:flex}.mock-avatar{background:#cbd5e1;border-radius:50%;width:32px;height:32px}.mock-bar{background:#e2e8f0;border-radius:4px;height:8px}.mock-bar.short{width:40%}.mock-bar.medium{width:60%}.mock-bar.long{width:80%}.mock-balance{color:var(--text-main);margin-top:4px;font-size:22px;font-weight:700}.mock-badge{color:#16a34a;background:#22c55e1a;border-radius:50px;width:fit-content;padding:4px 8px;font-size:11px;font-weight:600}.mock-button{background:var(--primary);border-radius:8px;width:100%;height:36px;margin-top:auto}.features-section{background:var(--bg-surface);padding:100px 0}.section-header{text-align:center;flex-direction:column;gap:12px;max-width:600px;margin:0 auto 60px;display:flex}.section-title{color:var(--text-main);font-size:clamp(28px,3.5vw,36px);font-weight:700}.section-desc{color:var(--text-muted);font-size:16px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}html[dir=rtl] .features-grid{direction:rtl}.feature-card{flex-direction:column;gap:20px;padding:40px 30px;display:flex}.feature-icon-wrapper{background:var(--bg-surface);border:1px solid var(--border-light);width:48px;height:48px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;display:flex}.feature-card:hover .feature-icon-wrapper{background:var(--primary);color:#fff;border-color:var(--primary)}.feature-title{color:var(--text-main);font-size:18px;font-weight:600}.feature-desc{color:var(--text-muted);font-size:15px;line-height:1.6}.pricing-section{background:#fff;padding:100px 0}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:40px;max-width:860px;margin:0 auto;display:grid}html[dir=rtl] .pricing-grid{direction:rtl}.pricing-card{flex-direction:column;gap:30px;padding:44px;display:flex}.pricing-card.premium{border-color:var(--primary)}.plan-header{flex-direction:column;gap:12px;display:flex}.plan-name{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:16px;font-weight:600}.pricing-card.premium .plan-name{color:var(--primary)}.plan-price-row{align-items:baseline;gap:8px;display:flex}.plan-price{color:var(--text-main);font-size:44px;font-weight:700;line-height:1}.plan-period,.plan-desc{color:var(--text-muted);font-size:14px}.plan-features-list{flex-direction:column;gap:16px;list-style:none;display:flex}.plan-feature-item{color:var(--text-muted);align-items:center;gap:12px;font-size:14px;display:flex}.check-icon{color:#16a34a;flex-shrink:0}.footer{border-top:1px solid var(--border-light);z-index:10;background:#fff;margin-top:auto;padding:80px 0 40px;position:relative}.footer-grid{grid-template-columns:1.4fr 1fr;gap:60px;margin-bottom:60px;display:grid}html[dir=rtl] .footer-grid{direction:rtl}.footer-info{flex-direction:column;gap:20px;display:flex}.footer-info-desc{color:var(--text-muted);max-width:360px}.footer-links-column{flex-direction:column;gap:14px;display:flex}.footer-link{color:var(--text-muted);transition:var(--transition-smooth);font-size:14px;text-decoration:none}.footer-link:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--border-light);color:var(--text-muted);justify-content:space-between;align-items:center;padding-top:40px;font-size:14px;display:flex}html[dir=rtl] .footer-bottom{direction:rtl}.subpage-container{background:var(--bg-surface);min-height:80vh;padding:160px 0 100px}.legal-panel{flex-direction:column;gap:35px;padding:50px;display:flex}.legal-title{color:var(--text-main);font-size:32px;font-weight:700}.legal-text{color:var(--text-muted);flex-direction:column;gap:20px;font-size:15px;line-height:1.8;display:flex}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}html[dir=rtl] .about-grid{direction:rtl}.about-text,.about-features{flex-direction:column;gap:24px;display:flex}.about-card{flex-direction:column;gap:10px;padding:24px;display:flex}.about-card-title{color:var(--primary);font-size:16px;font-weight:600}.about-card-desc{color:var(--text-muted);font-size:14px;line-height:1.6}.contact-grid{grid-template-columns:1fr 1.1fr;gap:60px;display:grid}html[dir=rtl] .contact-grid{direction:rtl}.contact-info{flex-direction:column;gap:24px;display:flex}.contact-form-panel{padding:36px}.form-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.form-label{color:var(--text-muted);font-size:14px;font-weight:500}.form-input{border:1px solid var(--border-light);color:var(--text-main);font-family:var(--font-base);transition:var(--transition-smooth);background:#fff;border-radius:10px;outline:none;padding:12px 14px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}.form-textarea{resize:vertical;min-height:120px}.success-message{color:#16a34a;text-align:center;background:#22c55e0d;border:1px solid #22c55e26;border-radius:10px;padding:16px;font-weight:500}@media (max-width:968px){.hero-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.pricing-grid{grid-template-columns:1fr;max-width:440px}.mockup-container{margin-top:20px}.footer-grid{grid-template-columns:1fr;gap:40px}}@media (max-width:640px){.nav-links{display:none}.hero-buttons{flex-direction:column}.navbar{height:70px}.hero{padding-top:130px}.legal-panel,.contact-form-panel{padding:24px}}.hero-image-card{z-index:1;width:280px;height:360px;transition:var(--transition-smooth);border:6px solid #fff;border-radius:24px;position:absolute;bottom:40px;left:-80px;overflow:hidden;box-shadow:0 20px 40px #0f172a1f}html[dir=rtl] .hero-image-card{left:auto;right:-80px}@media (max-width:1200px){.hero-image-card{width:240px;height:320px;left:-40px}html[dir=rtl] .hero-image-card{left:auto;right:-40px}}@media (max-width:640px){.hero-image-card{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}