body{

margin:0;

font-family:Poppins, sans-serif;

background:#C3EDFB;

color:#007A92;

text-align:center;

}



header{

padding:40px;

}



.logo{

width:340px;

max-width:90%;

}



.hero{

padding:80px 20px;

}



.hero h1{

font-size:44px;

margin-bottom:10px;

color:#007A92;

}



.hero p{

font-size:18px;

margin-bottom:30px;

}



.button{

background:#FE9BA9;

color:white;

padding:16px 34px;

border-radius:8px;

text-decoration:none;

font-weight:600;

font-size:18px;

}



.steps{

padding:80px 20px;

}



.cards{

display:flex;

justify-content:center;

gap:30px;

flex-wrap:wrap;

}



.card{

background:white;

padding:30px;

border-radius:14px;

width:200px;

}



.card h3{

font-size:32px;

margin-bottom:10px;

color:#FE9BA9;

}



footer{

padding:25px;

font-size:14px;

}