body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#fff,#f8f9fa);margin:0}*{scroll-behavior:smooth}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{border-radius:10px}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff6b35,#ffd93d)}html{scrollbar-color:#ff6b35 #f1f1f1;scrollbar-width:thin}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ff6b35;--secondary:#4ecdc4;--accent:#ffd93d;--background:#f7f7f7;--surface:#fff;--text:#000;--text-secondary:#666;--border:#e0e0e0}body{background:#f7f7f7;background:var(--background);color:#000;color:var(--text);font-family:Cairo,sans-serif;overflow-x:hidden}.App.en{font-family:Poppins,sans-serif}.container{margin:0 auto;max-width:1200px;padding:0 20px}section{padding:0}h1,h2,h3{font-weight:700}.btn{border:none;border-radius:12px;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn:hover:before{height:300px;width:300px}.btn-primary{background:linear-gradient(135deg,#ff6b35,#ffd93d);box-shadow:0 4px 15px #ff6b354d;color:#fff}.btn-primary:hover{box-shadow:0 10px 25px #ff6b3566;transform:translateY(-3px)}.btn-secondary{background:linear-gradient(135deg,#ffd93d,#ffc107);box-shadow:0 4px 15px #ffd93d4d;color:#333}.btn-secondary:hover{box-shadow:0 10px 25px #ffd93d66;transform:translateY(-3px)}@media (max-width:768px){section{padding:60px 0}.btn{font-size:14px;padding:12px 24px}}.header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffb3;box-shadow:0 2px 10px #0000000d;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:999}.header.scrolled{background:#ffffffe6;box-shadow:0 4px 20px #0000001a}.header-content{justify-content:space-between;padding:12px 20px}.header-content,.logo{align-items:center;display:flex}.logo{cursor:pointer;gap:8px}.logo img{height:38px;width:38px}.logo span{color:var(--primary);font-size:24px;font-weight:700}.nav{display:flex;gap:32px}.nav a{color:var(--text);cursor:pointer;font-weight:600;text-decoration:none;transition:color .3s}.nav a:hover{color:var(--primary)}.header-actions{align-items:center;display:flex;gap:16px}.lang-btn{background:#fff;border:2px solid var(--border);border-radius:8px;cursor:pointer;font-weight:700;height:40px;transition:all .3s;width:40px}.lang-btn:hover{border-color:var(--primary);color:var(--primary)}.menu-btn{align-items:center;background:linear-gradient(135deg,#ff6b35,#fecd09);border:none;border-radius:10px;box-shadow:0 4px 15px #ff6b354d;cursor:pointer;display:none;flex-direction:column;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.menu-btn:hover{box-shadow:0 6px 20px #ff6b3566;transform:scale(1.05)}.menu-btn span{background:#fff;border-radius:3px;height:2.5px;position:absolute;transition:all .3s ease;width:20px}.menu-btn span:first-child{top:12px}.menu-btn span:nth-child(2){top:50%;transform:translateY(-50%)}.menu-btn span:nth-child(3){bottom:12px}.menu-btn.open span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}@media (max-width:768px){.header-content{padding:10px 15px}.logo img{height:40px;width:40px}.logo span{font-size:20px}.lang-btn{font-size:14px;height:36px;width:36px}.nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8f8f8fa);border-bottom-left-radius:20px;border-bottom-right-radius:20px;box-shadow:0 10px 40px #00000026;flex-direction:column;gap:0;left:0;opacity:0;padding:30px 20px;pointer-events:none;position:fixed;right:0;top:68px;transform:translateY(-100%);transition:all .4s cubic-bezier(.68,-.55,.265,1.55)}.nav.open{opacity:1;pointer-events:all;transform:translateY(0)}.nav a{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;font-size:16px;margin-bottom:8px;padding:15px 20px;text-align:center;transition:all .3s ease}.nav a:hover{background:linear-gradient(135deg,#ff6b35,#ffd93d);box-shadow:0 4px 15px #ff6b354d;color:#fff;transform:translateX(-5px)}.menu-btn{display:flex}.header-actions .btn{display:none}}.hero{background:linear-gradient(135deg,#ffd93d,#ff6b35);display:flex;min-height:100vh;overflow:hidden;padding-top:60px}.hero,.hero-content{align-items:center;position:relative}.hero-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin-bottom:0;z-index:1}.hero-text{animation:fadeInUp .8s ease}.hero-title{color:#fff;font-size:48px;line-height:1.2;margin-bottom:20px;text-shadow:2px 2px 4px #0003}.hero-subtitle{color:#ffffffe6;font-size:20px;line-height:1.6;margin-bottom:32px}.hero-btn{align-items:center;background:#fff;color:var(--primary);display:inline-flex;font-size:18px;gap:8px;position:relative;z-index:1}.hero-btn:hover{background:#fffffff2;box-shadow:0 10px 30px #0000004d;transform:translateY(-3px)}.btn-icon{font-size:24px}.hero-image{align-items:center;animation:fadeInRight .8s ease;display:flex;justify-content:center}.hero-animation{filter:drop-shadow(0 20px 40px rgba(0,0,0,.3));max-width:500px;transition:transform .3s ease;width:100%}.hero-animation:hover{transform:scale(1.05)}.stats{grid-gap:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;box-shadow:0 10px 40px #0000001a;display:grid;gap:40px;grid-template-columns:repeat(4,1fr);padding:40px}.stat-item{text-align:center}.stat-value{font-size:36px;margin-bottom:8px}.stat-label{font-size:14px}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:768px){.hero{min-height:auto;padding-bottom:40px;padding-top:80px}.hero-content{gap:30px;grid-template-columns:1fr}.hero-text{text-align:center}.hero-title{font-size:26px}.hero-subtitle{font-size:15px}.hero-btn{font-size:16px}.hero-animation{max-width:300px}.hero-image{order:-1}.stats{gap:15px;grid-template-columns:repeat(2,1fr);padding:20px}.stat-value{font-size:24px}.stat-label{font-size:12px}}.features{align-items:center;background:linear-gradient(180deg,#fff,#f8f9fa 50%,#fff);display:flex;min-height:100vh;overflow:hidden;padding:80px 0;position:relative}.section-header{margin-bottom:60px;position:relative;text-align:center}.section-header:after{background:linear-gradient(90deg,#ff6b35,#ffd93d);border-radius:2px;bottom:-20px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b35,#ffd93d);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:40px;margin-bottom:16px}.section-header p{color:var(--text-secondary);font-size:18px}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.feature-card{background:#fff;border:2px solid #0000;border-radius:24px;box-shadow:0 4px 20px #00000014;cursor:pointer;overflow:hidden;padding:40px;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.feature-card:before{background:linear-gradient(90deg,#0000,#ff6b351a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.feature-card:hover:before{left:100%}.feature-card:hover{border-color:#ff6b35;box-shadow:0 25px 60px #ff6b3540;transform:translateY(-15px)}.feature-animation{filter:drop-shadow(0 4px 10px rgba(0,0,0,.1));height:150px;margin:0 auto 20px;transition:transform .4s ease;width:150px}.feature-card:hover .feature-animation{transform:scale(1.15)}.feature-card h3{color:var(--text);font-size:24px;font-weight:700;margin-bottom:12px}.feature-card p{color:var(--text-secondary);font-size:16px;line-height:1.6}@media (max-width:768px){.section-header h2{font-size:24px}.section-header p{font-size:15px}.features-grid{gap:20px;grid-template-columns:1fr}.feature-card{padding:30px 20px}.feature-icon{font-size:48px}.feature-card h3{font-size:20px}.feature-card p{font-size:14px}}.bubble{background:linear-gradient(135deg,#ff6b35,#ffd93d);border-radius:50%;pointer-events:none;position:absolute}.bubble-1{animation:float1 20s ease-in-out infinite;height:300px;left:-5%;opacity:.15;top:10%;width:300px;z-index:0}.bubble-2{animation:float2 18s ease-in-out infinite;height:200px;opacity:.12;right:-3%;top:50%;width:200px;z-index:0}.bubble-3{animation:float3 22s ease-in-out infinite;bottom:15%;height:250px;left:5%;opacity:.1;width:250px;z-index:0}.bubble-4{animation:float4 25s ease-in-out infinite;height:180px;left:50%;opacity:.08;top:30%;width:180px;z-index:2}.bubble-5{animation:float5 19s ease-in-out infinite;bottom:20%;height:220px;opacity:.13;right:10%;width:220px;z-index:0}@keyframes float1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,-60px) scale(1.2)}66%{transform:translate(-40px,50px) scale(.9)}}@keyframes float2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-70px,-50px) scale(1.15)}}@keyframes float3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(60px,70px) scale(1.1)}}@keyframes float4{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-50px,60px) scale(.85)}}@keyframes float5{0%,to{transform:translate(0) scale(1)}50%{transform:translate(40px,-80px) scale(1.25)}}.how-it-works{align-items:center;background:linear-gradient(135deg,#ff6b35,#ffd93d);color:#fff;display:flex;min-height:100vh;padding:80px 0}.how-it-works .section-header h2,.how-it-works .section-header p{-webkit-text-fill-color:#fff!important;background:none!important;color:#fff!important}.steps{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto 1fr auto 1fr}.step,.steps{position:relative}.step{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:24px;padding:40px 30px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.step:hover{background:#ffffff40;border-color:#fff6;box-shadow:0 20px 40px #0003;transform:translateY(-10px) scale(1.02)}.step-number{align-items:center;background:#fff;border-radius:50%;box-shadow:0 4px 15px #0003;color:#ff6b35;display:flex;font-size:24px;font-weight:700;height:50px;justify-content:center;margin:0 auto;width:50px}.step-animation{height:140px;margin:20px auto;transition:transform .4s ease;width:140px}.step:hover .step-animation{transform:scale(1.1)}.step h3{color:#fff;font-size:24px;font-weight:700;margin:20px 0 12px}.step p{color:#fff;font-size:16px;line-height:1.6;opacity:.95}.step-arrow{animation:arrowBounce 2s ease-in-out infinite;color:#fff;font-size:40px;opacity:.6}@keyframes arrowBounce{0%,to{transform:translateX(0)}50%{transform:translateX(10px)}}@media (max-width:768px){.how-it-works{padding-top:80px}.steps{gap:30px;grid-template-columns:1fr}.step{padding:30px 20px}.step-number{font-size:24px;height:50px;width:50px}.step-animation{height:150px;width:150px}.step h3{font-size:20px}.step p{font-size:14px}.step-arrow{display:none}}.stats-section{align-items:center;background:linear-gradient(135deg,#ff6b35,#ffd93d);color:#fff;display:flex;justify-content:center;min-height:100vh;padding-top:60px}.stats-title{animation:fadeInDown .8s ease;color:#fff;font-size:48px;margin-bottom:80px;text-align:center}.stats-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(4,1fr)}.stat-card{animation:fadeInUp .8s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:20px;cursor:pointer;padding:60px 40px;text-align:center;transition:all .4s ease}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{background:#fff3;box-shadow:0 20px 60px #0000004d;transform:translateY(-15px) scale(1.05)}.stat-icon{font-size:64px;margin-bottom:20px}.stat-value{color:#fff;font-size:56px;font-weight:700;margin-bottom:12px}.stat-label{color:#ffffffe6;font-size:18px;font-weight:600}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.stats-title{font-size:26px;margin-bottom:40px}.stats-grid{gap:20px;grid-template-columns:1fr}.stat-card{padding:40px 20px}.stat-icon{font-size:48px}.stat-value{font-size:36px}.stat-label{font-size:15px}}.about{align-items:center;background:#fff;display:flex;min-height:100vh;overflow:hidden;padding-top:60px;position:relative}.about .section-header h2{color:var(--text)}.about-content{display:flex;flex-direction:column;gap:40px;position:relative;z-index:1}.about-main{text-align:center}.about-description{color:var(--text-secondary);font-size:20px;line-height:1.8;margin:0 auto;max-width:800px}.about-cards{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr)}.about-card{background:var(--background);border-radius:20px;cursor:pointer;padding:40px;text-align:center;transition:all .4s ease}.about-card:hover{background:linear-gradient(135deg,#ff6b35,#ffd93d);box-shadow:0 20px 40px #ff6b354d;color:#fff;transform:translateY(-10px) scale(1.02)}.about-card:hover h3,.about-card:hover p{color:#fff}.card-icon{font-size:48px;margin-bottom:20px;transition:transform .4s ease}.about-card:hover .card-icon{transform:scale(1.2) rotate(10deg)}.about-card h3{color:var(--primary);font-size:24px;margin-bottom:12px;transition:color .4s ease}.about-card p{color:var(--text-secondary);font-size:16px;line-height:1.6;transition:color .4s ease}@media (max-width:768px){.about{padding-top:80px}.about-description{font-size:15px}.about-cards{gap:20px;grid-template-columns:1fr}.about-card{padding:30px 20px}.card-icon{font-size:40px}.about-card h3{font-size:20px}.about-card p{font-size:14px}}.download{background:#fff;display:flex;min-height:100vh;overflow:hidden;padding-top:60px}.download,.download-content{align-items:center;position:relative}.download-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:1fr 1fr;z-index:1}.download-text h2{color:var(--text);font-size:40px;margin-bottom:16px}.download-text p{color:var(--text-secondary);font-size:18px;margin-bottom:32px}.download-buttons{display:flex;flex-wrap:wrap;gap:20px}.store-btn{align-items:center;background:var(--text);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px 24px;position:relative;transition:all .4s ease}.store-btn:before{background:#ff6b354d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.store-btn:hover:before{height:300px;width:300px}.store-btn:disabled{cursor:not-allowed;opacity:.6}.store-btn:not(:disabled):hover{background:var(--primary);box-shadow:0 15px 35px #0000004d;transform:translateY(-5px) scale(1.05)}.store-icon{height:32px;width:32px}.store-icon svg{height:100%;width:100%}.store-text{align-items:flex-start;display:flex;flex-direction:column;text-align:left}.store-label{font-size:12px;opacity:.8}.store-name{font-size:16px;font-weight:600}.download-image{align-items:center;display:flex;justify-content:center;overflow:visible}.download-animation{filter:drop-shadow(0 10px 30px rgba(0,0,0,.2));height:700px;width:700px}@media (max-width:768px){.download{min-height:auto;padding:80px 20px 40px}.download-content{gap:30px;grid-template-columns:1fr}.download-text{text-align:center}.download-text h2{font-size:26px}.download-text p{font-size:15px;margin-bottom:24px}.download-buttons{align-items:center;flex-direction:column;gap:15px}.store-btn{justify-content:center;max-width:280px;padding:14px 20px;width:100%}.download-animation{height:auto;max-width:350px;width:100%}}.footer{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:40px 0 15px}.footer-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(4,1fr);margin-bottom:25px}.footer-section h3{color:var(--primary);font-size:16px;margin-bottom:15px}.footer-logo{align-items:center;display:flex;gap:10px;margin-bottom:12px}.footer-logo img{height:38px;width:38px}.footer-logo span{font-size:22px;font-weight:700}.footer-description{font-size:13px;line-height:1.5;opacity:.8}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{color:#fff;cursor:pointer;display:inline-block;font-size:14px;opacity:.8;text-decoration:none;transition:all .3s}.footer-section ul li a:hover{color:var(--primary);opacity:1;transform:translateX(-5px)}.contact-info{display:flex;flex-direction:column;gap:10px}.contact-item{align-items:center;display:flex;font-size:13px;gap:8px;opacity:.8;transition:all .3s}.contact-item:hover{color:var(--primary);opacity:1}.contact-icon{font-size:16px}.social-links{display:flex;gap:10px}.social-link{align-items:center;background:#ff6b351a;border:2px solid #0000;border-radius:10px;color:var(--primary);display:flex;height:40px;justify-content:center;transition:all .4s;width:40px}.social-link:hover{background:var(--primary);border-color:var(--primary);box-shadow:0 10px 25px #ff6b3566;color:#fff;transform:translateY(-5px) rotate(5deg)}.social-link svg{height:20px;width:20px}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:15px;text-align:center}.footer-bottom p{font-size:13px;opacity:.6}@media (max-width:768px){.footer{padding:30px 0 15px}.footer-content{gap:25px;grid-template-columns:1fr;text-align:center}.footer-logo,.footer-section ul{justify-content:center}.footer-section ul{display:flex;flex-wrap:wrap;gap:15px}.footer-section ul li{margin-bottom:0}.contact-info{align-items:center}.social-links{justify-content:center}}
/*# sourceMappingURL=main.1e4feb8c.css.map*/