@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap";:root{--primary-color: #28a745;--background-color: #f4f7f9;--text-color: #333;--card-background: #fff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.6;font-weight:400;color:var(--text-color);background-color:var(--background-color);display:flex;justify-content:center;align-items:center;min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}.App{text-align:center;padding:40px 20px;max-width:960px;margin:0 auto}.App-header{display:flex;flex-direction:column;align-items:center;margin-bottom:40px}.hero-title{display:flex;align-items:center;justify-content:center;background-color:var(--card-background);padding:20px 30px;border-radius:10px;box-shadow:0 4px 20px #0000001a;margin-bottom:40px}.App-logo{height:120px;margin-right:15px;background-color:var(--background-color);color:#000}.hero-title h1{font-size:2.8rem;font-weight:700;color:#000;margin:0}.tagline{font-size:1.2rem;font-weight:300;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:40px}.feature-card{background-color:var(--card-background);padding:30px;border-radius:10px;box-shadow:0 4px 20px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #00000026}.feature-card h3{font-size:1.5rem;font-weight:600;color:var(--primary-color);margin-bottom:15px}.feature-card p{font-size:1rem;font-weight:300}footer{margin-top:40px;font-size:1rem;font-weight:300}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}