body{
background:#0B0B0D;
color:#C9C9D1;
font-family:Inter, sans-serif;
margin:0;
}

.container{
width:90%;
max-width:1200px;
margin:auto;
}

.site-header{
background:#141418;
padding:20px 0;
}

.logo a{
color:white;
font-size:28px;
text-decoration:none;
font-weight:700;
letter-spacing:2px;
}

.main-nav ul{
list-style:none;
display:flex;
gap:30px;
}

.hero{
height:80vh;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
background:radial-gradient(circle,#141418,#000);
}

.button-primary{
background:linear-gradient(135deg,#7A3CFF,#E0147A);
color:white;
padding:14px 30px;
border-radius:40px;
text-decoration:none;
}