*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Segoe UI,system-ui,sans-serif;background:var(--surface);color:#fff;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:2rem;flex:1;display:flex;flex-direction:column;justify-content:center}.hero{text-align:center;margin-bottom:4rem}.hero h1{font-size:4rem;margin-bottom:1rem;background:linear-gradient(45deg,#4caf50,#45a049,#66bb6a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.hero p{font-size:1.5rem;color:#ccc;max-width:600px;margin:0 auto;line-height:1.6}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.feature{background:linear-gradient(135deg,#2d2d2d,#3d3d3d);border:2px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;text-align:center;transition:all .3s ease;cursor:pointer}.feature:hover{border-color:#4caf5080;transform:translateY(-5px);box-shadow:0 10px 30px #0000004d}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature h3{font-size:1.5rem;margin-bottom:1rem;color:#4caf50}.feature p{color:#ccc;line-height:1.5}.cta-section{text-align:center}.cta-buttons{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.cta-button{min-width:200px;font-size:1.2rem;border-radius:12px;font-weight:700}.how-it-works{margin:4rem 0;text-align:center}.how-it-works h2{font-size:2.5rem;margin-bottom:2rem;color:#fff}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.step{background:#4caf501a;border:2px solid rgba(76,175,80,.3);border-radius:12px;padding:1.5rem;position:relative}.step-number{background:#4caf50;color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin-bottom:1rem}.step h4{font-size:1.2rem;margin-bottom:.5rem;color:#4caf50}.step p{color:#ccc;font-size:.95rem;line-height:1.4}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.2rem}.cta-buttons{flex-direction:column;align-items:center}.features,.steps{grid-template-columns:1fr}}