body {
margin: 0;
font-family: Arial, sans-serif;
background: #2a1f2f;
color: white;
text-align: center;
}

.hero {
background: linear-gradient(135deg, #3d0066, #6a00a8);
padding: 60px 20px;
}

.logo-wrap img {
width: 260px;
max-width: 90%;
height: auto;
margin-bottom: 20px;
}

.offer {
background: white;
color: black;
font-size: 34px;
font-weight: bold;
padding: 20px 30px;
border-radius: 12px;
display: inline-block;
}

.cta,
.whatsapp {
background: linear-gradient(#2dff00, #14a800);
border: none;
color: white;
font-size: 22px;
padding: 16px 35px;
border-radius: 50px;
margin: 25px 0;
cursor: pointer;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

.content {
padding: 40px 20px;
}

h2 {
color: #ffd700;
margin-bottom: 20px;
}

p {
font-size: 16px;
line-height: 1.6;
margin-bottom: 15px;
}

footer {
text-align: center;
padding: 15px;
font-size: 12px;
color: #ccc;
}