:root{--navy-900:#0b1430;--navy-800:#121c3f;--silver-100:#e5e7eb;--silver-300:#c9ced6;--silver-500:#9aa3af;--ring:rgba(201,206,214,.35)}
*{box-sizing:border-box}html,body{margin:0;background:var(--navy-900);color:#eef2ff;font-family:Inter,system-ui,Segoe UI,Arial,sans-serif}
a{color:#c9d2ff;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 1rem}
.site-header{position:sticky;top:0;z-index:20;background:rgba(11,20,48,.85);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.06)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0}
.brand img{max-height:48px;width:auto;display:block}
.nav a{margin:0 .75rem}
.btn{display:inline-block;border-radius:10px;padding:.6rem .9rem;font-weight:700;border:1px solid transparent}
.btn.small{padding:.45rem .7rem;font-size:.9rem}
.btn-silver{background:linear-gradient(90deg,var(--silver-100),var(--silver-500));color:#0b1430;border-color:var(--silver-300);box-shadow:0 4px 18px rgba(0,0,0,.25)}
.btn-outline{border-color:var(--silver-500);color:#e5e7eb}
.pill{display:inline-block;border:1px solid var(--ring);background:rgba(255,255,255,.06);padding:.25rem .6rem;border-radius:999px;font-size:.8rem}
.hero{background:linear-gradient(180deg,#121c3f,var(--navy-900));padding:3rem 0 2rem;border-bottom:1px solid rgba(255,255,255,.06)}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
.hero h1{font-size:2.4rem;line-height:1.1;margin:.25rem 0}.lead{color:#c9ced6}
.media-card{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.45)}
.media-card img{display:block;width:100%;height:100%;object-fit:cover;background:#0f1a3b}
.section{padding:3rem 0}.section.alt{background:linear-gradient(180deg,var(--navy-900),#121c3f)}
h2{font-size:1.9rem;margin:.2rem 0 1rem}.muted{color:#c9ced6}
.cards{display:grid;gap:1rem}.cards.three{grid-template-columns:repeat(3,1fr)}
.card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.card.price .price-tag{font-size:1.6rem;font-weight:800;background:linear-gradient(90deg,#e5e7eb,#9aa3af);-webkit-background-clip:text;background-clip:text;color:transparent}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}
.gallery img{border-radius:16px;border:1px solid rgba(255,255,255,.1);width:100%;height:220px;object-fit:cover;background:#0f1a3b}
.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
details{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.75rem}details summary{cursor:pointer;font-weight:600}
.contact-section{background:linear-gradient(180deg,#121c3f,var(--navy-900));border-top:1px solid rgba(255,255,255,.06)}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;align-items:start}
.form{display:grid;gap:.6rem;margin-top:.75rem}.form label{display:grid;gap:.35rem;font-size:.9rem}
input,textarea{border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);color:#fff;padding:.8rem}
input:focus,textarea:focus{outline:2px solid var(--ring)}
.contact-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem}
.fine{color:#9aa3af;font-size:.8rem}
.site-footer{border-top:1px solid rgba(255,255,255,.06);padding:1.2rem 0;background:var(--navy-900)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.footer-nav a{margin-left:.8rem}
.footer-social a{margin-left:.6rem;display:inline-flex;align-items:center;gap:.3rem}
.booking-embed{border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.35)}
#wa-float{position:fixed;z-index:9999;right:16px;bottom:18px;display:flex;align-items:center;gap:.6rem;background:linear-gradient(90deg,#e5e7eb,#9aa3af);color:#0b1430;border:1px solid #c9ced6;border-radius:999px;padding:.6rem .9rem;font-weight:700;box-shadow:0 8px 24px rgba(0,0,0,.35)}#wa-float:hover{filter:brightness(1.05)}#wa-float svg{width:20px;height:20px}@media (max-width:460px){#wa-float span{display:none}}
@media (max-width:900px){.hero-grid,.contact-grid{grid-template-columns:1fr}.cards.three,.gallery,.faq-grid{grid-template-columns:1fr}.nav{display:none}}