body {
color: #c7d2fe;
max-width: 700px;
margin: 20px auto;
}


.cta {
background: linear-gradient(90deg, #a855f7, #3b82f6);
color: #fff;
padding: 14px 28px;
border-radius: 12px;
text-decoration: none;
font-weight: 700;
display: inline-block;
transition: .3s;
}


.cta:hover {
opacity: 0.9;
transform: scale(1.05);
}


section {
padding: 60px 20px;
}


.benefit, .icon {
background: #111936;
border: 1px solid #1e293b;
border-radius: 12px;
padding: 30px;
transition: .3s;
}


.benefit:hover, .icon:hover {
background: #1e293b;
}


.highlight {
background: linear-gradient(90deg, #1e1b4b, #111936);
border-left: 5px solid #6366f1;
padding: 40px;
border-radius: 10px;
text-align: center;
}


footer {
text-align: center;
color: #94a3b8;
padding: 40px 20px;
border-top: 1px solid #1e293b;
}


.floating-cta {
position: fixed;
bottom: 20px;
right: 20px;
background: linear-gradient(90deg, #a855f7, #3b82f6);
color: #fff;
padding: 12px 22px;
border-radius: 10px;
text-decoration: none;
font-weight: 600;
box-shadow: 0 0 10px rgba(59,130,246,.4);
z-index: 1000;
}


.floating-cta:hover {
transform: scale(1.05);
opacity: 0.95;
}