body{
font-family:'Poppins',sans-serif;
margin:0;
background:#0e0e2c;
color:white;
}

.navbar{
display:flex;
justify-content:space-between;
padding:20px 60px;
align-items:center;
}

.navbar a{
color:white;
margin-left:25px;
text-decoration:none;
}

.logo img {
  max-width: 20%;
  height: auto;
  display: block; /* Removes bottom spacing */
}

.hero{
text-align:center;
padding:140px 20px;
background:linear-gradient(135deg,#4b3bbd,#1d1b4a);
background-image: url('img/background.png');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}

.hero h1{
font-size:72px;
margin-bottom:20px;

}

.hero p{
max-width:600px;
margin:auto;
opacity:.9;
}

.cta{
margin-top:30px;
background:#7a5cff;
padding:14px 32px;
border:none;
border-radius:6px;
color:white;
font-size:16px;
cursor:pointer;
}

.section{
padding:100px 40px;
text-align:center;
}

.section-text{
max-width:700px;
margin:auto;
opacity:.9;
}

.cards{
display:flex;
gap:30px;
justify-content:center;
margin-top:50px;
flex-wrap:wrap;
}

.card{
background:#1b1b44;
padding:30px;
border-radius:10px;
width:260px;
}

.testimonial-grid{
display:flex;
gap:30px;
justify-content:center;
margin-top:40px;
flex-wrap:wrap;
}

.testimonial{
background:#1c1c4a;
padding:25px;
border-radius:10px;
width:280px;
}

.faq-grid{
display:flex;
gap:30px;
justify-content:center;
flex-wrap:wrap;
margin-top:40px;
}

.faq{
background:#1a1a40;
padding:25px;
border-radius:10px;
width:260px;
text-align:left;
}

.cta-section{
background:#14143a;
text-align:center;
padding:120px 20px;
}

footer{
text-align:center;
padding:40px;
background:#0b0b22;
}