body{
margin:0;
font-family:'Montserrat',sans-serif;
background:linear-gradient(#eef9f6,#d9f0ea);
color:#333;

/* tropical texture */
background-image:
linear-gradient(#eef9f6,#d9f0ea),
url("https://www.transparenttextures.com/patterns/tropical-leaves.png");
background-blend-mode:overlay;
background-size:300px;
}

/* HEADER */

header{
background:#f7e3a1;
border-bottom:1px solid #f1e2a8;
text-align:center;
box-shadow:0 4px 18px rgba(0,0,0,0.08);
}

.site-title{
font-family:'Playfair Display',serif;
font-size:56px;
font-weight:600;
color:#000000;
margin:0;
padding:35px 0 10px;
text-shadow:0 2px 6px rgba(0,0,0,0.08);
}

/* NAVIGATION */

nav ul{
list-style:none;
display:flex;
justify-content:center;
gap:18px;
margin:0;
padding:15px 0 25px;
flex-wrap:nowrap;
}

nav a{
text-decoration:none;
color:#000000;
font-size:22px;
font-weight:500;
letter-spacing:0.5px;
transition:0.25s;
position:relative;
}

/* animated underline */

nav a::after{
content:"";
position:absolute;
left:0;
bottom:-4px;
width:0%;
height:2px;
background:#f7c948;
transition:width 0.3s ease;
}

nav a:hover::after{
width:100%;
}

nav a:hover{
color:#1f4b3a;
}

.active{
color:#009b3a;
}

/* PAGE TITLE */

.page-title{
text-align:center;
font-family:'Playfair Display',serif;
font-size:36px;
margin:60px 0 40px;
color:#1f4b3a;
}

/* SERVICES */

.services{
max-width:1100px;
margin:auto;
padding:40px 20px 80px;
display:flex;
flex-wrap:wrap;
justify-content:center;
}

/* CARD BORDER */

.card{
background:linear-gradient(135deg,#f2a8c6,#8fd6e3);
padding:3px;
border-radius:16px;
box-shadow:0 18px 40px rgba(0,0,0,0.08);
transition:transform 0.25s ease, box-shadow 0.25s ease;
width:260px;
margin:20px;
}

/* CARD HOVER */

.card:hover{
transform:translateY(-8px);
box-shadow:0 25px 55px rgba(0,0,0,0.12);
}

/* CARD CONTENT */

.card-inner{
background:#f7edd1;
border-radius:14px;
padding:35px;
text-align:center;
min-height:200px;
display:flex;
flex-direction:column;
justify-content:center;

/* spa glass effect */

backdrop-filter:blur(6px);
border:1px solid rgba(255,255,255,0.45);
}

/* CARD TEXT */

.card-inner h3{
margin:0;
font-size:22px;
font-weight:600;
color:#1f4b3a;
}

.card-inner p{
margin:12px 0;
font-size:17px;
color:#2c6e65;
}

.card-inner a{
color:#009b77;
text-decoration:underline;
font-weight:500;
}

/* PRICE */

.price{
font-size:22px;
font-weight:600;
color:#009b3a;
}

/* FOOTER */

footer{
text-align:center;
padding:40px;
background:#2f8f7a;
color:white;
margin-top:60px;
box-shadow:0 -6px 18px rgba(0,0,0,0.08);
}

/* MOBILE */

@media(max-width:700px){

.site-title{
font-size:40px;
}

.page-title{
font-size:30px;
}

nav ul{
flex-wrap:wrap;
}

.card{
width:90%;
margin:15px auto;
}

}