html{
scroll-behavior:smooth;
}
body{
font-family:Arial, sans-serif;
margin:0;
background:#fff7f8;
color:#4a3b3b;
}

/* navbar */

.navbar{
display:flex;
justify-content:space-between;
padding:20px 40px;
background:#ffdce0;
}

.navbar a{
text-decoration:none;
font-weight:bold;
color:#4a3b3b;
}

/* hero */

.hero{
text-align:center;
padding:140px 20px;
background:#ffeef0;
}

.hero h1{
font-size:64px;
margin-bottom:10px;
}

.hero p{
font-size:20px;
}

.cta{
display:inline-block;
margin-top:25px;
padding:14px 35px;
background:#f7a9a8;
color:white;
border-radius:30px;
text-decoration:none;
font-weight:bold;
transition:0.3s;
}

.cta:hover{
transform:scale(1.05);
background:#f48c8c;
}

/* services */

.services{
padding:80px 20px;
text-align:center;
}

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

.card{
background:white;
padding:30px;
border-radius:15px;
width:220px;
box-shadow:0 10px 20px rgba(0,0,0,0.05);
transition:0.3s;
}

.card:hover{
transform:translateY(-8px);
box-shadow:0 15px 30px rgba(0,0,0,0.08);
}

/* booking */

#booking{
padding:80px 20px;
background:#ffeef0;
text-align:center;
}

form{
display:flex;
flex-direction:column;
max-width:320px;
margin:auto;
}

input{
margin-top:10px;
padding:10px;
border-radius:8px;
border:1px solid #ddd;
}

button{
margin-top:20px;
padding:12px;
background:#f7a9a8;
border:none;
color:white;
border-radius:20px;
cursor:pointer;
}

button:hover{
background:#f48c8c;
}

/* footer */

footer{
text-align:center;
padding:25px;
background:#ffdce0;
}