*{box-sizing:border-box}
body{margin:0;font-family:Arial;background:#02061a;color:#fff}
.hero{padding:120px 20px;background:linear-gradient(135deg,#06124a,#02061a)}
.wrap{text-align:center}
.btn{background:#ff9800;color:#000;padding:15px 35px;border-radius:30px;text-decoration:none;font-weight:bold}
.small{padding:10px 20px}
.dark{background:#000;color:#fff}
.recursos,.mock,.planos,.formulario{padding:80px 20px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;max-width:1000px;margin:auto}
.grid div{background:#0d1b4c;padding:20px;border-radius:12px}
.cards{display:flex;flex-wrap:wrap;justify-content:center;gap:25px}
.card{background:#0d1b4c;padding:30px;width:220px;border-radius:20px}
.destaque{background:#ff9800;color:#000}
.price{font-size:26px}
form{max-width:400px;margin:auto;display:flex;flex-direction:column;gap:15px}
input{padding:12px;border-radius:8px;border:none}
button{padding:14px;border:none;border-radius:25px;background:#ff9800;font-weight:bold}
footer{text-align:center;padding:40px;background:#010318}
.zap{position:fixed;bottom:20px;right:20px;background:#25d366;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;text-decoration:none;color:#fff}