.app{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem 0;box-shadow:0 2px 10px #0000001a}.logo{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.tagline{font-size:1.2rem;opacity:.95}.main{flex:1}.hero{background:linear-gradient(to bottom,#f7f7f7,#fff);padding:4rem 0;text-align:center}.hero h2{font-size:2.5rem;color:#2d3748;margin-bottom:1rem}.hero-description{font-size:1.2rem;color:#4a5568;max-width:700px;margin:0 auto;line-height:1.8}.how-it-works{padding:4rem 0;background:#fff}.how-it-works h3{font-size:2rem;text-align:center;margin-bottom:3rem;color:#2d3748}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.step{text-align:center;padding:2rem;border-radius:12px;background:#f7fafc;transition:transform .3s ease,box-shadow .3s ease}.step:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem}.step h4{font-size:1.3rem;margin-bottom:.5rem;color:#2d3748}.step p{color:#4a5568;line-height:1.6}.benefits{padding:4rem 0;background:linear-gradient(to bottom,#f7f7f7,#e9ecef)}.benefits h3{font-size:2rem;text-align:center;margin-bottom:3rem;color:#2d3748}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.benefit-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 2px 8px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.benefit-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.benefit-icon{font-size:3rem;display:block;margin-bottom:1rem}.benefit-card h4{font-size:1.3rem;margin-bottom:.5rem;color:#2d3748}.benefit-card p{color:#4a5568}.cta{padding:4rem 0;background:#fff;text-align:center}.cta h3{font-size:2rem;margin-bottom:1rem;color:#2d3748}.cta>.container>p{font-size:1.1rem;color:#4a5568;margin-bottom:2rem}.cta-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 3rem;font-size:1.1rem;border-radius:50px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;font-weight:600}.cta-button:hover{transform:scale(1.05);box-shadow:0 10px 25px #667eea66}.contact-details{margin-top:2rem;padding:2rem;background:#f7fafc;border-radius:12px;display:inline-block}.contact-details p{font-size:1.1rem;color:#2d3748;margin:.5rem 0}.footer{background:#2d3748;color:#fff;padding:2rem 0;text-align:center;margin-top:auto}.footer p{margin:.5rem 0}.footer-note{opacity:.8;font-size:.9rem}.footer a{color:#90cdf4;text-decoration:none}.footer a:hover{text-decoration:underline}@media (prefers-color-scheme: dark){.hero{background:linear-gradient(to bottom,#2d3748,#1a202c)}.hero h2,.how-it-works h3,.benefits h3,.cta h3,.step h4,.benefit-card h4{color:#f7fafc}.hero-description,.step p,.benefit-card p,.cta>.container>p{color:#cbd5e0}.how-it-works{background:#1a202c}.step{background:#2d3748}.benefits{background:linear-gradient(to bottom,#2d3748,#1a202c)}.benefit-card{background:#2d3748}.cta{background:#1a202c}.contact-details{background:#2d3748}.contact-details p{color:#f7fafc}}@media (max-width: 768px){.logo{font-size:2rem}.tagline{font-size:1rem}.hero h2{font-size:1.8rem}.hero-description{font-size:1rem}.how-it-works h3,.benefits h3,.cta h3{font-size:1.5rem}.container{padding:0 1rem}}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-height:100vh}#root{min-height:100vh}@media (prefers-color-scheme: dark){:root{color:#f0f0f0;background-color:#1a1a1a}}