body{margin:0;font-family:'Segoe UI',sans-serif;background:#0b0f1a;color:white}
header{display:flex;justify-content:space-between;padding:15px;background:#000}
.logo{height:50px}
nav a{margin:5px;color:#ffc300;text-decoration:none;font-size:14px}
.hero{text-align:center;padding:60px 15px}
.hero h1{font-size:28px}
.btn-primary,.btn-whatsapp{display:block;width:90%;margin:10px auto;padding:15px;border-radius:10px;text-align:center}
.btn-primary{background:#ffc300;color:black}
.btn-whatsapp{background:#25D366;color:white}
.cards{display:flex;flex-direction:column;padding:15px;gap:10px}
.card{background:#1a1f3c;padding:20px;border-radius:10px;text-align:center}
.floating{position:fixed;bottom:15px;right:15px;background:#25D366;padding:15px;border-radius:50%}
@media(min-width:768px){.cards{flex-direction:row;justify-content:center}}