body{
font-family:Arial;
margin:0;
background:#f4f4f4;
}

header{
background:#111;
color:white;
display:flex;
justify-content:space-between;
padding:15px;
}

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

.hero{
background:#0a7cff;
color:white;
text-align:center;
padding:60px;
}

.grid{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:20px;
padding:40px;
}

.card{
background:white;
padding:20px;
width:220px;
border-radius:8px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
text-align:center;
}

.card img{
width:100%;
}

form{
text-align:center;
padding:30px;
}

input,select,button{
padding:10px;
margin:5px;
width:250px;
}

.whatsapp{
position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
padding:15px;
border-radius:50%;
text-decoration:none;
}body{
  font-family:sans-serif;
  background:#f1f5f9;
}

.card{
  background:#fff;
  padding:15px;
  margin:10px;
  border-radius:10px;
  box-shadow:0 2px 10px rgba(0,0,0,0.1);
}

img{
  width:100%;
  border-radius:10px;
}

button{
  padding:10px;
  background:#22c55e;
  color:#fff;
  border:none;
  border-radius:8px;
}