body{
margin:0;
font-family:Arial;
background:#090915;
color:white;
}

.header{
display:flex;
justify-content:space-between;
align-items:center;
padding:20px;
background:#0f0f20;
}

.logo{
font-size:22px;
font-weight:bold;
}

nav a{
margin-left:20px;
color:white;
text-decoration:none;
}

.hero{

text-align:center;
padding:120px 20px;

background:
radial-gradient(circle at center,#3c1f6e,#090915);

}

.hero h1{
font-size:44px;
}

.cta{

display:inline-block;
margin-top:20px;
padding:14px 30px;
background:#6a3cff;
border-radius:8px;
text-decoration:none;
color:white;

}

.services{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;

padding:60px;

}

.service-card{

background:#12122a;
padding:30px;
border-radius:12px;
text-align:center;

}

.service-card a{

display:inline-block;
margin-top:15px;
color:#9f8bff;

}