*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#444;background:#fff}
.hero{background:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2)),linear-gradient(135deg,#ffd5e6,#fff);padding:80px 20px;text-align:center}
.overlay{max-width:900px;margin:auto}
h1{font-size:46px;color:#d63384;margin:0}
.lead{font-size:21px;max-width:700px;margin:20px auto}
.btn{display:inline-block;background:#25D366;color:#fff;text-decoration:none;padding:18px 34px;border-radius:50px;font-weight:bold;transition:.2s}
.btn:hover{transform:scale(1.04)}
.badge{display:inline-block;margin-top:20px;background:#fff;padding:10px 18px;border-radius:40px;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.small{color:#666}
.container{max-width:1100px;margin:auto;padding:60px 20px}
.alt{background:#fff6fa}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}
.steps div{background:#fff;padding:22px;border-radius:14px;text-align:center}
.steps span{display:block;width:40px;height:40px;line-height:40px;border-radius:50%;background:#ff6ea8;color:#fff;margin:0 auto 10px}
details{background:#fff;padding:18px;border-radius:12px;margin:12px 0}
.cta{text-align:center;padding:70px 20px;background:#ffe8f2}
.big{font-size:20px}
footer{text-align:center;padding:30px;background:#d63384;color:#fff}
@media(max-width:600px){h1{font-size:34px}.lead{font-size:18px}}