*{margin:0;padding:0;box-sizing:border-box;font-family:'Poppins',sans-serif;}
body{background:#f9f9f9;color:#333;}

/* NAVBAR */
.navbar{
  position:fixed;
  top:0;
  width:100%;
  background:#0b3c5d;
  z-index:999;
}
.nav-container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 6%;
}
.logo{color:#fff;font-weight:600;font-size:18px;}
nav a{color:#fff;margin-left:20px;text-decoration:none;font-weight:500;}
.btn-nav{background:#f4c430;color:#000;padding:6px 14px;border-radius:20px;}

/* HERO */
.hero{
  height:100vh;
  background:linear-gradient(rgba(0,0,0,.35), rgba(11,60,93,.8)), url('images/hero.jpg') center/cover no-repeat;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
}
.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);}
.hero-content{color:#fff;text-align:center;max-width:700px;z-index:1;}
.hero-content h1{font-size:48px;margin-bottom:15px;font-family:'Playfair Display',serif;}
.hero-content p{font-size:18px;margin-bottom:20px;opacity:.9;}
.btn-primary{display:inline-block;background:#f4c430;color:#000;padding:12px 28px;border-radius:30px;text-decoration:none;font-weight:600;transition:.3s;}
.btn-primary:hover{transform:scale(1.05);}
.scroll-down{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:24px;color:#fff;animation:scrollArrow 1.5s infinite;}
@keyframes scrollArrow{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(8px);}}

/* SECTIONS */
.section{padding:80px 6%;}
.center{text-align:center;}
.text{max-width:700px;margin:auto;opacity:.9;}
.soft-bg{background:#f5f8fb;border-radius:20px;}

/* ROOMS */
.room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;margin-top:40px;}
.room-card{background:#fff;border-radius:16px;box-shadow:0 12px 25px rgba(0,0,0,.1);overflow:hidden;transition:.3s;}
.room-card:hover{transform:translateY(-6px);}
.room-card img{width:100%;height:160px;object-fit:cover;transition:.4s;}
.room-card img:hover{transform:scale(1.05);}
.room-card h3{color:#0b3c5d;margin:12px 0 6px;font-size:18px;}
.room-card p{font-size:14px;padding:0 12px 16px;opacity:.85;}

/* FACILITIES */
.facility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px;margin-top:40px;}
.facility-card{background:rgba(255,255,255,.85);padding:22px;border-radius:16px;text-align:center;box-shadow:0 10px 22px rgba(0,0,0,.08);transition:.3s;}
.facility-card:hover{transform:translateY(-6px);}
.facility-card i{font-size:36px;color:#f4c430;margin-bottom:10px;}
.facility-card h4{font-size:15px;color:#0b3c5d;margin-top:6px;}

/* CONTACT */
.contact-box{background:#fff;padding:28px;border-radius:16px;box-shadow:0 15px 30px rgba(0,0,0,.1);max-width:500px;margin:auto;}
.note{margin-top:15px;background:#fff3cd;padding:10px;border-left:5px solid #f4c430;}

/* FOOTER */
footer{background:#0b3c5d;color:#fff;text-align:center;padding:16px;font-size:14px;border-top:3px solid #f4c430;}

/* RESPONSIVE */
@media(max-width:768px){
  nav{display:none;}
  .hero-content h1{font-size:32px;}
  .hero-content p{font-size:16px;}
  .section{padding:60px 5%;}
  .room-card img{height:140px;}
}