/* style.css */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Lato:wght@400;700&display=swap');
* { box-sizing:border-box; }
body, html {
  margin:0; padding:0;
  font-family:'Lato', sans-serif;
  color:#003F63;
  background:#F4E3B2;
  scroll-behavior:smooth;
}
header {
  position:fixed; width:100%; background:rgba(255,255,255,0.8);
  display:flex; justify-content:space-between; align-items:center;
  padding:1rem 2rem; z-index:100;
}
.logo { font-family:'Pacifico', cursive; font-size:1.5rem; color:#00C5CD; }
.nav-links { list-style:none; display:flex; gap:1rem; }
.nav-links a { text-decoration:none; color:#003F63; font-weight:600; }
.hero {
  height:100vh;
  background: url('https://source.unsplash.com/1600x900/?tropical,beach') center/cover no-repeat;
  display:flex; justify-content:center; align-items:center; position:relative;
}
.hero::after {
  content:''; position:absolute; top:0; left:0; width:100%; height:100%;
  background:rgba(0,0,0,0.3);
}
.hero-content {
  position:relative; text-align:center; color:#fff;
}
.hero-content h1 { font-size:4rem; margin:0; }
.hero-content p { font-size:1.5rem; margin:0.5rem 0; }
.btn { padding:0.75rem 1.5rem; background:#FF6B6B; color:#fff;
  text-decoration:none; border-radius:25px; font-weight:600; margin:0 0.5rem;
}
.features { display:flex; justify-content:space-around; padding:4rem 2rem; }
.feature { text-align:center; max-width:200px; }
.feature img { width:60px; margin-bottom:1rem; }
.carousel { display:flex; overflow-x:scroll; gap:1rem; padding:2rem; }
.card { min-width:250px; background:#fff; border-radius:10px;
  overflow:hidden; box-shadow:0 2px 8px rgba(0,0,0,0.1);
}
.card img { width:100%; height:150px; object-fit:cover; }
.btn-small { display:inline-block; margin:0.5rem; padding:0.5rem 1rem;
  background:#00C5CD; color:#fff; text-decoration:none; border-radius:20px;
}
.gallery-embed { text-align:center; padding:2rem; }
.join-form { display:flex; flex-direction:column; align-items:center;
  gap:1rem; padding:2rem;
}
.join-form input[type="email"] { padding:0.75rem 1rem; width:300px;
  border:1px solid #ccc; border-radius:25px;
}
footer { background:#fff; text-align:center; padding:2rem 1rem; }
.footer-nav { display:flex; justify-content:center; gap:1rem; margin-bottom:1rem; }
.social-icons a { margin:0 0.5rem; }
.sand { position:absolute; width:3px; height:3px; background:#E4D5B7;
  border-radius:50%; pointer-events:none; opacity:0.8; animation:fade 3s linear;
}
@keyframes fade { to { transform:translateY(10px); opacity:0; } }