*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f2ea;color:#0f172a}.site-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:1000;height:74px;background:#081c3cf5;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;box-shadow:0 8px 28px #0000002e}.brand{display:flex;align-items:center;gap:12px;cursor:pointer}.brand-mark{width:44px;height:44px;border:3px solid #e4b93f;border-radius:10px;display:grid;place-items:center;color:#e4b93f;font-weight:900}.brand strong{display:block;font-family:Georgia,serif;font-size:25px}.brand span{display:block;text-transform:uppercase;font-size:11px;letter-spacing:1px;opacity:.8}.topbar nav{display:flex;gap:8px}.topbar nav button{background:transparent;padding:11px 13px}.topbar nav button:hover{color:#e4b93f}.top-book,.hero-book{background:#e4b93f!important;color:#091a30!important;border-radius:14px!important}.hero-photo{position:relative;min-height:68vh;background-color:#12213a;background-position:center;background-size:cover;color:#fff;display:grid;place-items:center;text-align:center;overflow:hidden;transition:background-image .5s ease}.hero-content{max-width:1000px;padding:70px 20px;z-index:2}.hero-kicker{text-transform:uppercase;letter-spacing:3px;font-weight:800}.hero h1{font-family:Georgia,serif;font-size:72px;margin:10px 0;text-shadow:0 4px 24px rgba(0,0,0,.45)}.hero-sub{font-size:25px;margin:0 0 24px}.amenity-pills{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.amenity-pills span{background:#081222bd;padding:11px 16px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-book{margin-top:25px;padding:14px 28px!important;font-size:18px}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:#00000061;width:48px;height:48px;border-radius:50%;font-size:32px;padding:0}.hero-left{left:22px}.hero-right{right:22px}.hero-dots{position:absolute;bottom:18px;right:4vw;display:flex;gap:8px}.dot{width:12px;height:12px;border-radius:50%;padding:0;background:#fff;opacity:.7}.active-dot{background:#e4b93f;opacity:1}.hero-gallery-strip{background:#07182d;padding:12px 4vw;display:flex;gap:12px;overflow-x:auto}.hero-thumb{padding:0;background:transparent;border:2px solid rgba(255,255,255,.75);border-radius:10px;min-width:190px;overflow:hidden}.hero-thumb img{width:190px;height:100px;object-fit:cover;display:block}.rooms-section{padding:48px 5vw 32px}.section-heading{text-align:center;margin-bottom:28px}.section-heading p{text-transform:uppercase;color:#b88d1f;font-weight:900;letter-spacing:2px;margin:0}.section-heading h2{font-family:Georgia,serif;font-size:44px;margin:6px 0}.section-heading span{color:#64748b}.room-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:24px;max-width:1280px;margin:auto}.room-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 32px #0f172a1a}.room-image-wrap{position:relative}.room-image{width:100%;height:245px;object-fit:cover;display:block}.room-image-placeholder{height:245px;display:grid;place-items:center;background:#dfe7ef;color:#50657a;font-weight:800}.photo-count{position:absolute;right:12px;bottom:12px;background:#07182de0;padding:9px 12px;border-radius:999px}.room-body{padding:20px}.room-body h3{font-family:Georgia,serif;font-size:22px;margin:0 0 10px}.room-desc{color:#64748b;min-height:42px}.room-meta{display:flex;flex-wrap:wrap;gap:10px;color:#34465b;font-size:14px;margin:15px 0}.room-meta span{background:#f3f6f9;padding:7px 9px;border-radius:8px}.room-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1f5;padding-top:16px}.room-footer strong{font-size:25px}.room-footer span{color:#64748b;margin-left:4px}.room-footer button{background:#e4b93f;color:#102038}.services-bar{background:#08345b;color:#fff;padding:20px 5vw;display:flex;gap:30px;justify-content:center;flex-wrap:wrap;font-weight:800}.services-bar span:before{content:"◆";color:#e4b93f;margin-right:8px}.booking-panel{max-width:1180px;margin:45px auto;background:#fff;padding:32px;border-radius:18px;box-shadow:0 10px 30px #00000014}.form{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:15px}label span{display:block;font-weight:800;margin-bottom:6px}input,select{width:100%;padding:12px;border:1px solid #cdd7e1;border-radius:10px}button{background:#0f2f4a;color:#fff;border:0;border-radius:10px;padding:12px 16px;cursor:pointer;margin:2px;font-weight:800}.terms{grid-column:1/-1;display:flex;gap:10px;align-items:center}.terms input{width:auto}.quote{grid-column:1/-1;background:#fff6df;border-left:5px solid #e4b93f;padding:15px;border-radius:10px}.submit-booking{background:#e4b93f;color:#102038;font-size:16px}.success{background:#e7f7ed;border-left:5px solid #27844f;padding:15px;margin-top:18px}.error{color:#b3261e}.whatsapp{position:fixed;right:22px;bottom:22px;background:#25d366;color:#fff;padding:14px 18px;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 8px 24px #0003;z-index:1000}.social-contact{max-width:1150px;margin:30px auto}.social-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.social-buttons a{background:#0f2f4a;color:#fff;padding:10px 15px;border-radius:8px;text-decoration:none;font-weight:700}.floating-socials{position:fixed;left:22px;bottom:22px;display:flex;flex-direction:column;gap:8px;z-index:1000}.floating-socials a{background:#d4af37;color:#0f172a;padding:9px 12px;border-radius:999px;text-decoration:none;font-weight:800;box-shadow:0 8px 24px #0003}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 5vw;background:#f7f7f7;border-top:1px solid #e5e7eb;flex-wrap:wrap}.site-footer strong{display:block;font-family:Georgia,serif;font-size:22px}.site-footer span{color:#64748b}.site-footer p{font-family:Georgia,serif;font-style:italic;font-size:18px}.gallery-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:grid;place-items:center;padding:20px;z-index:9999}.gallery-modal{position:relative;width:min(920px,96vw);max-height:94vh;overflow:auto;background:#fff;border-radius:18px;padding:24px;text-align:center}.gallery-close{position:absolute;right:14px;top:10px;background:#b3261e;color:#fff;width:42px;height:42px;border-radius:50%;font-size:28px;padding:0}.gallery-image{width:100%;max-height:68vh;object-fit:contain;background:#0f172a;border-radius:12px}.gallery-count{font-weight:800}.gallery-controls{display:flex;justify-content:center;gap:12px;margin-top:12px}.login{min-height:100vh;display:grid;place-items:center;background:#0f172a}.login-card{width:420px;max-width:92vw;background:#fff;border-radius:18px;padding:24px}.login-card input{margin:8px 0}.admin{display:flex;min-height:100vh}.admin aside{width:250px;background:#0f172a;color:#fff;padding:20px;overflow:auto}.admin aside button{display:block;width:100%;margin:7px 0;text-align:left;background:#1e293b}.admin aside .active,.admin aside button:hover{background:#d4af37;color:#0f172a}.admin main{flex:1;padding:28px;overflow:auto}.card{background:#fff;border-radius:18px;padding:24px;box-shadow:0 8px 24px #0001}.stats{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px}.stat{background:#fff;border-radius:14px;padding:20px}.stat span{display:block;color:#66788a}.stat b{font-size:28px}table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}th,td{padding:11px;border-bottom:1px solid #e8eef3;text-align:left}th{background:#e7f0f9}.adminCards{max-width:none}.danger{background:#b3261e}@media (max-width:1050px){.room-grid{grid-template-columns:repeat(2,minmax(260px,1fr))}.topbar nav{display:none}.hero h1{font-size:56px}}@media (max-width:760px){.topbar{padding:0 18px}.brand strong{font-size:20px}.top-book{padding:10px 12px!important}.hero-photo{min-height:62vh}.hero h1{font-size:44px}.hero-sub{font-size:19px}.hero-arrow{width:40px;height:40px}.hero-left{left:8px}.hero-right{right:8px}.room-grid,.form,.stats{grid-template-columns:1fr}.rooms-section{padding:36px 18px}.booking-panel{margin:30px 14px;padding:20px}.admin{display:block}.admin aside{width:auto}.site-footer{justify-content:center;text-align:center}.hero-thumb,.hero-thumb img{min-width:145px;width:145px}.hero-thumb img{height:82px}}.video-thumb{position:relative}.video-thumb video{width:190px;height:100px;object-fit:cover;display:block;pointer-events:none}.video-thumb span{position:absolute;left:8px;bottom:8px;background:#000000ad;color:#fff;padding:5px 8px;border-radius:999px;font-size:12px}.gallery-video{width:100%;max-height:68vh;background:#000;border-radius:12px}.media-mode-tabs{display:flex;gap:10px;margin:0 0 18px;flex-wrap:wrap}.media-mode-tabs button{background:#1e293b}.media-mode-tabs button.active{background:#d4af37;color:#0f172a}.media-help{background:#eef5fb;border-left:5px solid #0f2f4a;padding:12px 14px;border-radius:8px;max-width:900px}.media-form{margin-top:14px}.site-logo{width:56px;height:56px;object-fit:cover;border-radius:50%;flex-shrink:0;border:2px solid #e4b93f;background:#07182d;box-shadow:0 3px 12px #00000047}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-text strong,.brand-text span{color:#fff}@media (max-width:760px){.site-logo{width:46px;height:46px}.brand{gap:8px}.brand-text strong{font-size:18px}.brand-text span{font-size:9px}}.about-section,.policies-section{padding:48px 5vw}.about-section{background:#fff}.about-card{max-width:1000px;margin:0 auto;background:#f8fafc;border-left:5px solid #e4b93f;border-radius:14px;padding:24px 28px;box-shadow:0 8px 24px #0f172a0f}.about-card p{color:#475569;line-height:1.75;margin:0 0 14px}.about-card p:last-child{margin-bottom:0}.policies-section{background:#f5f2ea}.policy-list{max-width:1050px;margin:0 auto;display:grid;gap:14px}.policy-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 7px 22px #0f172a0f;overflow:hidden;scroll-margin-top:95px}.policy-card summary{cursor:pointer;list-style:none;padding:19px 55px 19px 22px;font-family:Georgia,serif;font-weight:700;font-size:20px;color:#102038;position:relative}.policy-card summary::-webkit-details-marker{display:none}.policy-card summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e4b93f;color:#102038;font-family:Arial,sans-serif;font-size:21px;font-weight:900}.policy-card[open] summary:after{content:"−"}.policy-card[open] summary{border-bottom:1px solid #e7edf3}.policy-content{padding:18px 22px 22px}.policy-content p{color:#475569;line-height:1.7;margin:0 0 14px}.policy-content p:last-child{margin-bottom:0}.terms span{display:inline;margin:0;font-weight:600}.terms a{color:#0f4f78;font-weight:800;text-decoration:underline;text-underline-offset:2px}.footer-brand,.footer-contact{display:flex;flex-direction:column;gap:4px}.footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 15px;max-width:620px}.footer-links a{color:#0f2f4a;text-decoration:none;font-weight:700;font-size:13px}.footer-links a:hover{color:#9b7417;text-decoration:underline}.footer-contact{text-align:right}.footer-contact p{margin:0 0 4px}.footer-contact small{color:#64748b;margin-top:5px}#about,#policies,#contact{scroll-margin-top:90px}@media (max-width:760px){.about-section,.policies-section{padding:36px 18px}.about-card{padding:20px}.policy-card summary{font-size:18px;padding:17px 55px 17px 18px}.policy-content{padding:16px 18px 20px}.footer-links{width:100%}.footer-brand,.footer-contact{width:100%;text-align:center;align-items:center}}
