@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500;600&display=swap');
:root{--gold:#C9A84C;--gold-light:#e8c97a;--dark:#0d0d0d;--navy:#0f1c2e;--cream:#faf6ef;--cream2:#f0e8d8;--text:#2a2a2a;--muted:#7a7a7a;--white:#ffffff;}
*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{font-family:'Jost',sans-serif;background:var(--cream);color:var(--text);overflow-x:hidden;}
nav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 40px;   /* reduced space */
  height: 90px;        /* fixed height */
  background: rgba(13,13,13,0.9);
  backdrop-filter: blur(10px);
}

.nav-logo {
  display: flex;
  align-items: center;
  height: 40px;
  overflow: visible;
}

.logo-img {
  height: 120px;
  width: auto;
  display: block;
  object-fit: contain;
  transform: scale(2.2);
  transform-origin: left center;
}

.nav-links {
  display: flex;
  gap: 30px;
  list-style: none;
}

.nav-links a {
  color: rgba(255,255,255,0.85);
  text-decoration: none;
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.nav-links a:hover,
.nav-links a.active {
  color: #c9a84c;
}

.nav-book-btn {
  background: #c9a84c;
  color: #111;
  padding: 8px 20px;
  border: none;
  cursor: pointer;
  font-size: 0.75rem;
}
.nav-book-btn:hover{background:var(--gold-light);}
footer{background:var(--dark);padding:60px 60px 30px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:50px;margin-bottom:50px;}
.footer-brand p{color:rgba(255,255,255,0.45);font-size:0.82rem;line-height:1.8;max-width:240px;}
.footer-col h4{font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:18px;}
.footer-col ul{list-style:none;}.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{color:rgba(255,255,255,0.45);text-decoration:none;font-size:0.82rem;transition:color 0.3s;cursor:pointer;}
.footer-col ul li a:hover{color:var(--gold);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:26px;display:flex;justify-content:space-between;align-items:center;}
.footer-bottom p{color:rgba(255,255,255,0.28);font-size:0.75rem;}
.social-links{display:flex;gap:14px;}
.social-link{width:34px;height:34px;border:1px solid rgba(255,255,255,0.15);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.45);font-size:0.75rem;cursor:pointer;transition:all 0.3s;text-decoration:none;}
.social-link:hover{border-color:var(--gold);color:var(--gold);}
.section-tag{font-size:0.7rem;letter-spacing:0.32em;text-transform:uppercase;color:var(--gold);margin-bottom:16px;display:block;}
.gold-line{width:52px;height:2px;background:var(--gold);margin-bottom:28px;}
.section-header{text-align:center;margin-bottom:56px;}
.section-header h2{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:300;color:var(--navy);margin-bottom:12px;}
.section-header h2 em{font-style:italic;color:var(--gold);}
.section-header p{color:var(--muted);font-size:0.88rem;letter-spacing:0.06em;}
.btn-primary{background:var(--gold);color:var(--dark);padding:14px 38px;font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;font-weight:600;border:none;cursor:pointer;transition:all 0.3s;font-family:'Jost',sans-serif;}
.btn-primary:hover{background:var(--gold-light);transform:translateY(-2px);}
.btn-outline{background:transparent;color:var(--white);padding:14px 38px;font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;font-weight:500;border:1px solid rgba(255,255,255,0.35);cursor:pointer;transition:all 0.3s;font-family:'Jost',sans-serif;}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);}
.form-title{font-family:'Cormorant Garamond',serif;font-size:2.4rem;font-weight:400;color:var(--navy);margin-bottom:8px;}
.form-sub{font-size:0.83rem;color:var(--muted);margin-bottom:32px;}
.form-group{margin-bottom:20px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
label{display:block;font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--navy);margin-bottom:7px;font-weight:500;}
input,select,textarea{width:100%;padding:12px 15px;border:1px solid #ddd;background:var(--cream);font-family:'Jost',sans-serif;font-size:0.88rem;color:var(--text);outline:none;transition:border 0.3s;}
input:focus,select:focus,textarea:focus{border-color:var(--gold);}
textarea{resize:vertical;min-height:110px;}
.submit-btn{background:var(--navy);color:white;padding:14px 40px;font-size:0.78rem;letter-spacing:0.18em;text-transform:uppercase;font-weight:500;border:none;cursor:pointer;transition:all 0.3s;font-family:'Jost',sans-serif;margin-top:8px;}
.submit-btn:hover{background:var(--gold);color:var(--dark);}
.submit-btn:disabled{opacity:0.6;cursor:not-allowed;}
.success-msg{background:#f0f9f0;border:1px solid #c3e6c3;color:#2d6a2d;padding:16px 20px;margin-top:16px;font-size:0.85rem;display:none;}
.success-msg.show{display:block;}
.scroll-top{position:fixed;bottom:30px;right:30px;width:44px;height:44px;background:var(--gold);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--dark);font-size:1.1rem;z-index:999;opacity:0;transition:opacity 0.3s;}
.scroll-top.visible{opacity:1;}
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(10,10,20,0.75);z-index:2000;align-items:center;justify-content:center;padding:20px;}
.modal-overlay.open{display:flex;}
.modal{background:white;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;}
.modal-header{background:var(--navy);padding:28px 36px;display:flex;justify-content:space-between;align-items:center;}
.modal-header h3{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;color:white;}
.modal-header h3 em{color:var(--gold-light);font-style:italic;}
.modal-close{background:none;border:none;color:rgba(255,255,255,0.6);font-size:1.4rem;cursor:pointer;transition:color 0.3s;}
.modal-close:hover{color:var(--gold);}
.modal-body{padding:36px;}
.checkbox-group{display:flex;align-items:flex-start;gap:10px;margin-top:18px;}
.checkbox-group input[type=checkbox]{width:auto;margin-top:3px;accent-color:var(--gold);}
.checkbox-group label{font-size:0.78rem;text-transform:none;letter-spacing:0;color:var(--muted);cursor:pointer;}
.checkbox-group a{color:var(--gold);}
/* ID Upload */
.id-upload-box{border:2px dashed #ddd;padding:20px;text-align:center;cursor:pointer;transition:border 0.3s;position:relative;background:var(--cream);}
.id-upload-box:hover{border-color:var(--gold);}
.id-upload-box input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.id-upload-icon{font-size:1.8rem;margin-bottom:8px;}
.id-upload-text{font-size:0.78rem;color:var(--muted);}
#bIdPreview{width:100%;max-height:140px;object-fit:cover;margin-top:12px;display:none;border:1px solid #ddd;}
#bIdLabel{font-size:0.8rem;margin-top:8px;display:block;color:var(--muted);}
/* Prop detail */
.prop-detail-img{width:100%;height:220px;object-fit:cover;margin-bottom:24px;}
.prop-detail-loc{color:var(--gold);font-size:0.8rem;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:16px;}
.prop-detail-desc{color:var(--muted);font-size:0.88rem;line-height:1.9;margin-bottom:20px;}
.prop-amenities{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;}
.amenity-tag{background:var(--cream);padding:6px 14px;font-size:0.75rem;letter-spacing:0.08em;color:var(--navy);}
@media(max-width:900px){nav{padding:15px 24px;}.nav-links{display:none;}.footer-grid{grid-template-columns:1fr;gap:28px;}footer{padding:50px 24px 28px;}.form-row{grid-template-columns:1fr;}}