*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;color:#222;background:#f5f5f5}
.container{width:90%;max-width:1100px;margin:0 auto}
.topo{background:#ff69b4;color:#fff;padding:16px 0}
.topo .container{display:flex;justify-content:center;align-items:center}
.hero{padding:80px 0;text-align:center;background:#fff}
.hero h2{font-size:42px;margin-bottom:16px}
.hero p{margin-bottom:24px;color:#555}
button{padding:12px 20px;border:none;background:#ff69b4;color:#fff;border-radius:8px;cursor:pointer}
button:hover{opacity:.9}
.secao{padding:60px 0}
.rodape{background:#111;color:#fff;padding:20px 0;text-align:center}