:root{--color-primary:#fbf9f8;--color-secondary:#061f29;--color-darkGreen:#061216;--color-white:#fff;--color-black:#000;--color-stone300:#d6d3d1;--color-gray100:#f3f4f6;--color-gray200:#e5e7eb;--color-gray400:#9ca3af;--color-emerald:#047857;--color-tabBorder:#082835;--color-tabBorderLight:#06241a;--color-primaryOpacity15:#fbf9f880;--font-almarai:"Almarai", sans-serif;--font-cairo:"Cairo", sans-serif;--border-radius-card:24px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-cairo);background-color:var(--color-darkGreen);color:var(--color-secondary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-almarai);color:var(--color-darkGreen)}a{color:inherit;text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{font-size:1.1rem;font-weight:700;font-family:var(--font-almarai);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:12px;padding:14px 32px;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg, #059669 0%, var(--color-emerald) 100%);color:var(--color-white);box-shadow:0 4px 20px #04785759}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#fff0 0%,#ffffff40 50%,#fff0 100%);animation:4.5s ease-in-out infinite buttonShine;position:absolute;inset:-50%;transform:rotate(30deg)translateY(-120%)}.btn-primary:hover{background:linear-gradient(135deg,#047857 0%,#036046 100%);transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #04785780}.btn-primary:active{transform:translateY(-1px)scale(.98)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);box-shadow:0 4px 15px #061f294d}.btn-secondary:hover{background-color:#04141a;transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #061f2973}.text-center{text-align:center}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.94)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes buttonShine{0%,65%{transform:rotate(30deg)translateY(-140%)}to{transform:rotate(30deg)translateY(140%)}}@keyframes floatElement{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulseGlow{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.22;transform:scale(1.18)}}.animate-fade-in{animation:.85s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-scale-in{animation:.9s cubic-bezier(.16,1,.3,1) forwards fadeInScale}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.delay-4{animation-delay:.6s}.feature-card{background:var(--color-white);border-radius:var(--border-radius-card);text-align:center;border:1px solid var(--color-gray100);padding:34px 28px;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 10px 30px #061f290a}.feature-card:before{content:"";background:linear-gradient(90deg, transparent, var(--color-emerald), transparent);opacity:0;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.feature-card:hover{border-color:#04785740;transform:translateY(-10px);box-shadow:0 22px 45px #061f2914,0 0 25px #04785714}.feature-card:hover:before{opacity:1}.feature-icon-wrapper{background-color:var(--color-primary);width:72px;height:72px;color:var(--color-emerald);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 22px;font-size:2rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 4px 12px #061f2908}.feature-icon-wrapper svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.feature-card:hover .feature-icon-wrapper{background:linear-gradient(135deg, #059669 0%, var(--color-emerald) 100%);color:var(--color-white);transform:scale(1.12)rotate(-5deg);box-shadow:0 8px 24px #04785759}.feature-card:hover .feature-icon-wrapper svg{transform:scale(1.12)}.app{flex-direction:column;min-height:100vh;display:flex}.header{-webkit-backdrop-filter:blur(14px);z-index:100;background-color:#061216e6;border-bottom:1px solid #ffffff0f;padding:18px 0;transition:background-color .3s,border-color .3s;position:sticky;top:0;box-shadow:0 4px 25px #00000040}.header .container{justify-content:space-between;align-items:center;display:flex}.logo-container{cursor:pointer;align-items:center;gap:12px;display:flex}.logo-img{border-radius:14px;width:48px;height:48px;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.logo-container:hover .logo-img{transform:rotate(8deg)scale(1.08)}.logo-text{font-family:var(--font-almarai);color:var(--color-emerald);letter-spacing:.5px;font-size:1.55rem;font-weight:800;transition:color .3s}.logo-container:hover .logo-text{color:#10b981}.nav-links{gap:32px;display:flex}.nav-link{color:var(--color-white);padding:6px 0;font-size:1.02rem;font-weight:700;transition:color .3s;position:relative}.nav-link:after{content:"";background-color:var(--color-emerald);border-radius:2px;width:0;height:2px;transition:width .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;right:0}.nav-link:hover{color:#34d399}.nav-link:hover:after{width:100%}.hero{background:linear-gradient(145deg, var(--color-darkGreen) 0%, var(--color-secondary) 100%);padding:90px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#04785738 0%,#0000 70%);border-radius:50%;width:460px;height:460px;animation:8s ease-in-out infinite pulseGlow;position:absolute;top:-15%;right:-8%}.hero:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#06241a59 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse pulseGlow;position:absolute;bottom:-20%;left:-10%}.hero .container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid;position:relative}.hero-content h1{color:var(--color-white);margin-bottom:22px;font-size:3.5rem;line-height:1.25}.hero-content h1 span{color:#34d399;text-shadow:0 0 30px #34d39940}.hero-content p{color:var(--color-gray200);margin-bottom:40px;font-size:1.2rem;line-height:1.75}.hero-buttons{gap:20px;display:flex}.hero-buttons .btn svg{transition:transform .3s}.hero-buttons .btn:hover svg{transform:translateY(3px)}.hero-image{justify-content:center;display:flex;position:relative}.hero-mockup-container{border:12px solid var(--color-tabBorderLight);border-radius:40px;width:100%;max-width:320px;transition:transform .4s,box-shadow .4s;animation:6s ease-in-out infinite floatDevice;position:relative;overflow:hidden;box-shadow:0 30px 65px #00000073,0 0 40px #04785733}.hero-mockup-container:hover{animation-play-state:paused;transform:translateY(-6px)scale(1.02);box-shadow:0 35px 75px #0000008c,0 0 55px #04785752}@keyframes floatDevice{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.features{background:var(--color-white);padding:110px 0;position:relative}.section-title{text-align:center;margin-bottom:65px}.section-title h2{color:var(--color-secondary);letter-spacing:-.5px;margin-bottom:16px;font-size:2.6rem}.section-title p{color:var(--color-gray400);max-width:620px;margin:0 auto;font-size:1.15rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.feature-title{color:var(--color-secondary);margin-bottom:14px;font-size:1.35rem;transition:color .3s}.feature-card:hover .feature-title{color:var(--color-emerald)}.feature-desc{color:var(--color-gray400);font-size:.98rem;line-height:1.7}.download{background:var(--color-secondary);color:var(--color-white);text-align:center;padding:110px 0;position:relative;overflow:hidden}.download:before{content:"";pointer-events:none;background:radial-gradient(circle,#04785738 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:7s ease-in-out infinite pulseGlow;position:absolute;bottom:-35%;left:50%;transform:translate(-50%)}.download h2{color:var(--color-white);z-index:1;margin-bottom:20px;font-size:2.9rem;position:relative}.download p{color:var(--color-gray200);z-index:1;max-width:640px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.25rem;position:relative}.download .btn{z-index:1;position:relative}.download .btn svg{transition:transform .3s}.download .btn:hover svg{transform:translateY(3px)}.support-simple{background:#041216f2;border-top:1px solid #ffffff0d;padding:24px 0}.support-simple-box{color:var(--color-gray400);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;font-size:.95rem;display:flex}.support-simple-box svg{color:#34d399;flex-shrink:0;width:18px;height:18px}.support-simple-box a{color:#34d399;margin-right:4px;font-weight:600;transition:color .2s,-webkit-text-decoration .2s,text-decoration .2s}.support-simple-box a:hover{color:#6ee7b7;text-decoration:underline}.footer{background:var(--color-darkGreen);color:var(--color-gray400);text-align:center;border-top:1px solid #ffffff0a;padding:28px 0}.footer p{opacity:.85;font-size:.9rem}@media (width<=992px){.hero .container{text-align:center;grid-template-columns:1fr}.hero-content h1{font-size:2.8rem}.hero-buttons{justify-content:center}.nav-links{display:none}}