*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',sans-serif;background:#fafafa;color:#333;line-height:1.6}
nav{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#fff;position:sticky;top:0;box-shadow:0 2px 10px rgba(0,0,0,.08);z-index:100}
.logo{font-weight:700;font-size:1.4rem}
nav ul{display:flex;list-style:none;gap:24px}
nav a{text-decoration:none;color:#333}
.hero{height:90vh;background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url('https://images.unsplash.com/photo-1518780664697-55e3ad937233?auto=format&fit=crop&w=1600&q=80') center/cover;display:flex;justify-content:center;align-items:center;text-align:center;color:white}
.hero h1{font-size:4rem;max-width:900px}
.hero p{margin:20px 0;font-size:1.2rem}
.btn{display:inline-block;padding:14px 28px;background:#4d8f46;color:white;text-decoration:none;border-radius:30px}
.section{padding:80px 10%;text-align:center}
.features,.property-grid,.amenity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;padding:20px 10% 80px}
.card,.property-card,.amenity-grid div{background:white;padding:30px;border-radius:12px;box-shadow:0 5px 18px rgba(0,0,0,.08)}
.amenities h2,.properties h2,.testimonials h2{text-align:center;margin-bottom:30px}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px 10% 80px}
.gallery-item{height:220px;border-radius:12px;background:linear-gradient(135deg,#e8dcc5,#f9f7f1);display:flex;align-items:center;justify-content:center;font-weight:bold}
.stats{display:flex;justify-content:center;gap:80px;background:#2f4f2f;color:white;padding:50px 20px}
.stats div{display:flex;flex-direction:column;text-align:center}
.stats strong{font-size:2rem}
.testimonials{padding:80px 10%;text-align:center}
blockquote{margin:20px auto;max-width:700px;font-style:italic;font-size:1.1rem}
.contact{padding:80px 10%;text-align:center}
form{max-width:600px;margin:auto;display:flex;flex-direction:column;gap:15px}
input,textarea{padding:14px;border:1px solid #ccc;border-radius:8px}
button{padding:14px;border:none;background:#4d8f46;color:white;border-radius:8px;cursor:pointer}
footer{text-align:center;padding:25px;background:#222;color:white}
@media(max-width:768px){
.hero h1{font-size:2.5rem}
.gallery{grid-template-columns:repeat(2,1fr)}
.stats{flex-direction:column;gap:25px}
nav{flex-direction:column;gap:10px}
}