*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#app{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;color:#fff;padding:3rem 0}header h1{font-size:4rem;font-weight:700;margin-bottom:.5rem}.tagline{font-size:1.5rem;opacity:.9}main{background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 20px 60px #0000004d}.hero{text-align:center;margin-bottom:3rem}.hero h2{font-size:2.5rem;margin-bottom:1rem;color:#667eea}.hero p{font-size:1.25rem;color:#666}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0}.feature{text-align:center;padding:2rem;border-radius:.5rem;background:#f8f9fa;transition:transform .2s}.feature:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.feature h3{font-size:1.5rem;margin-bottom:1rem;color:#667eea}.cta{text-align:center;margin-top:3rem}.button{display:inline-block;padding:1rem 3rem;font-size:1.25rem;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);text-decoration:none;border-radius:.5rem;transition:transform .2s,box-shadow .2s;font-weight:600}.button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}footer{text-align:center;color:#fff;padding:2rem 0;opacity:.8}@media(max-width:768px){header h1{font-size:2.5rem}.hero h2{font-size:1.75rem}main{padding:2rem}.features{grid-template-columns:1fr}}