body {
margin:0;
font-family:Manrope,sans-serif;
background:#0B1020;
color:#E5E7EB;
text-align:center;
}
.hero {
min-height:100vh;
padding:100px 20px;
background:radial-gradient(circle at top,#064E3B,#0B1020);
}
.badge {
background:#065F46;
padding:8px 18px;
border-radius:999px;
display:inline-block;
}
h1 {
font-size:3rem;
margin:25px 0;
}
.btn {
padding:14px 26px;
border-radius:14px;
text-decoration:none;
font-weight:700;
display:inline-block;
margin:10px;
}
.primary {
background:#10B981;
color:#022C22;
}
.outline {
border:2px solid #10B981;
color:#10B981;
}
.section {
padding:80px 20px;
max-width:800px;
margin:auto;
}
.services,.cards {
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
padding:60px 20px;
}
.card {
background:#020617;
padding:30px;
border-radius:20px;
border:1px solid #1F2937;
}
.cta {
padding:120px 20px;
background:linear-gradient(135deg,#065F46,#10B981);
color:#022C22;
}
footer {
padding:30px;
background:#020617;
}
.whatsapp-float {
position:fixed;
bottom:20px;
right:20px;
background:#10B981;
color:#022C22;
padding:14px 22px;
border-radius:999px;
text-decoration:none;
font-weight:700;
}