:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body,html{overflow-x:hidden;width:100%;max-width:100%}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;margin:0;padding:0;background-color:#fff;color:#333;display:block}.App{text-align:center;padding-top:20px;overflow-x:hidden;width:100%;max-width:100vw}section{width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){h1{font-size:1.8rem!important}h2{font-size:1.6rem!important}h3{font-size:1.3rem!important}h4{font-size:1.2rem!important}p{font-size:.9rem!important}}@media (max-width: 480px){h1{font-size:1.5rem!important}h2{font-size:1.4rem!important}h3{font-size:1.2rem!important}h4{font-size:1.1rem!important}.hero-content h1,.mission h2,.why-choose-us h2,.coming-soon h2,.team h2{font-size:1.4rem!important}.cta-buttons{flex-direction:column}}.hero{display:flex;align-items:center;justify-content:space-between;padding:40px 20px;background-color:#f0f0f0;gap:20px;flex-wrap:wrap;width:100%;max-width:100%;box-sizing:border-box}.hero-content{flex:1;min-width:300px;max-width:50%;font-family:Poppins;padding:0 10px}.hero-image{flex:1;min-width:300px;max-width:50%;display:flex;align-items:center;justify-content:center;margin-right:0}@media (max-width: 768px){.hero{flex-direction:column;text-align:center;padding:30px 15px}.hero-content,.hero-image{max-width:100%;min-width:100%}.hero-content h1{font-size:1.8rem!important}.hero-content p{font-size:.9rem!important;margin-bottom:20px}@media (max-width: 500px){.cta-buttons{display:flex;flex-direction:column;justify-content:center;gap:10px;flex-shrink:.5}}.cta-buttons{justify-content:center;gap:10px}}.mission{padding:40px 15px;width:100%;max-width:100%;box-sizing:border-box}.mission h1{font-size:1.75rem;margin-bottom:20px;color:#333}.mission h2{color:#1e5631;font-size:2rem}.mission p{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto 40px}.how-it-works{display:flex;align-items:center;justify-content:center;gap:40px;padding:20px}.infographic{flex:1;max-width:50%}.infographic img{max-width:100%;height:auto;border-radius:8px}.steps{flex:1;max-width:50%;display:flex;flex-direction:column;justify-content:center;gap:20px}.step{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.step h3{font-size:1.25rem;margin-bottom:10px;color:#333}.step p{font-size:.9rem;color:#666}@media (max-width: 768px){.how-it-works{flex-direction:column}.infographic,.steps{max-width:90%}.mission h1{font-size:1.5rem}.mission h2{font-size:1.75rem}}.why-choose-us{padding:60px 20px;text-align:center;background-color:#f9f9f9;max-width:100%}.why-choose-us h1{font-size:1.75rem;margin-bottom:20px;color:#333}.why-choose-us h2{font-size:2rem;margin-bottom:10px;color:#1e5631}.benefits{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin:80px 0;flex:1;max-width:90%}.benefit{padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.benefit .material-icons{font-size:48px;color:#1e5631;margin-bottom:15px}.benefit h3{font-size:1.25rem;margin-bottom:10px;color:#333}.benefit p{font-size:.9rem;color:#666}.cta-button{margin-top:30px;padding:12px 24px;font-size:1rem;font-weight:700}@media (max-width: 768px){.benefits{flex-direction:column;align-items:center}.benefit{max-width:100%;width:80%}.why-choose-us h1{font-size:1.5rem}.why-choose-us h2{font-size:1.75rem}}.coming-soon{padding:60px 20px;text-align:center;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:90%}.coming-soon h2{font-size:2.5rem;margin-bottom:0;color:#1e5631}.coming-soon h4{font-size:1.75rem;margin-bottom:20px;color:#333}.coming-soon p{font-size:1.1rem;color:#666;max-width:800px;margin:0 auto 40px}.signup-form{max-width:500px;margin:0 auto}.visual-mockup img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 6px #0000001a}@media (max-width: 768px){.coming-soon h2{font-size:2rem}.coming-soon h4{font-size:1.5rem}.visual-mockup{margin-top:40px}}.team{padding:60px 20px;text-align:center;background-color:#f9f9f9}.team h2{font-size:2.5rem;margin-bottom:40px;color:#1e5631}.team-members{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;max-width:90%}.team-member{flex:1;max-width:300px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;text-align:center}.team-member h3{font-size:1.5rem;color:#333;transition:color .3s ease}.team-member p{font-size:1rem;color:#666;margin-bottom:20px}.linkedin-cta{display:inline-flex;align-items:center;gap:8px;padding:0 20px;color:#000;text-decoration:none;border-radius:20px;font-size:.9rem;transition:background-color .3s ease}.linkedin-cta .icon{height:25px;width:auto;margin-right:20px}.linkedin-cta:hover h3{color:#0077b5}.linkedin-cta .material-icons{font-size:1.2rem}@media (max-width: 768px){.team-members{flex-direction:column;align-items:center}.team-member{max-width:100%;width:80%;padding:20px 10px}.team h2{font-size:2rem}}.join-movement{padding:60px 20px;text-align:center;background-color:#fff}.join-movement h2{font-size:2.5rem;margin-bottom:20px;color:#1e5631}.join-movement h4{font-size:1.75rem;margin-bottom:40px;color:#333}.business-section,.investor-section{padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a}.business-section h5,.investor-section h5{font-size:1.5rem;margin-bottom:20px;color:#333}.business-section p,.investor-section p{font-size:1.1rem;color:#666;margin-bottom:20px}.business-section button,.investor-section button{margin-top:10px}@media (max-width: 768px){.join-movement h2{font-size:2rem}.join-movement h4{font-size:1.5rem}.business-section,.investor-section{margin-bottom:20px}}.contact{padding:40px 20px;background-color:#fff;margin:20px 0}.contact h2{color:#1e5631;font-size:2rem;margin-bottom:20px}.contact p{font-size:1.1rem;line-height:1.6;max-width:800px;margin:0 auto}.contact a{color:#4caf50;text-decoration:none}.contact a:hover{text-decoration:none;color:#1e5631}.footer{padding:60px 20px;background-color:#333;color:#fff}.footer a{color:#fff;text-decoration:none}.footer a:hover{text-decoration:underline}.footer h6{font-size:1.25rem;margin-bottom:20px;color:#fff}.footer .MuiSvgIcon-root{font-size:1.5rem;color:#fff;transition:color .3s ease}.footer .MuiSvgIcon-root:hover{color:#0077b5}.footer .MuiTextField-root{background-color:#fff;border-radius:4px}.footer .MuiButton-contained{white-space:nowrap}@media (max-width: 768px){.footer{text-align:center}.footer .MuiGrid-item{margin-bottom:30px}.footer .MuiBox-root{justify-content:center}}.mission{padding:40px 15px;width:100%;box-sizing:border-box}.steps{flex:1;max-width:100%;display:flex;flex-direction:column;gap:20px}.benefits{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin:30px 0}.benefit{flex:1;min-width:200px;max-width:250px;padding:15px}@media (max-width: 480px){.benefit{min-width:100%;max-width:100%;margin-bottom:15px}}.coming-soon{padding:40px 15px}.signup-form{width:100%;max-width:500px;padding:0 10px}.team-members{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;padding:0 10px}.team-member{flex:1;min-width:250px;max-width:300px}@media (max-width: 480px){.team-member{min-width:100%;margin-bottom:15px}}.footer{padding:40px 15px;width:100%;box-sizing:border-box}.footer .MuiBox-root{display:flex;flex-wrap:wrap}@media (max-width: 768px){.footer .MuiBox-root{justify-content:center}}.container,section{width:100%;max-width:100%;box-sizing:border-box;padding-left:15px;padding-right:15px}
