:root{--navy:#07111f;--gold:#d9a441;--gold2:#f3c76a;--muted:#64748b;--line:#e2e8f0;--shadow:0 24px 70px rgba(0,0,0,.25)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#0f172a;background:white}a{text-decoration:none;color:inherit}.container{max-width:1220px;margin:0 auto;padding:0 20px}.serif{font-family:Georgia,serif}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes pulseGold{0%,100%{box-shadow:0 0 0 rgba(243,199,106,0)}50%{box-shadow:0 0 38px rgba(243,199,106,.45)}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-300px 0}100%{background-position:300px 0}}.reveal{opacity:0;animation:fadeUp .8s ease forwards}.delay1{animation-delay:.12s}.delay2{animation-delay:.24s}.topbar{position:sticky;top:0;z-index:50;background:rgba(7,17,31,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;gap:12px;align-items:center;color:white}.mark{width:50px;height:50px;border-radius:18px;background:linear-gradient(135deg,#f7d27b,#d9a441,#9a661b);display:grid;place-items:center;color:#07111f;font-weight:900;animation:pulseGold 3s infinite}.brand strong{font-family:Georgia,serif;font-size:20px;display:block}.brand span{font-size:11px;text-transform:uppercase;letter-spacing:.22em;color:#f3c76a}.nav{display:flex;gap:18px;color:#e5e7eb;font-weight:800;font-size:13px}.nav a:hover,.nav a.active{color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:18px;padding:14px 20px;font-weight:900;cursor:pointer;transition:.22s}.btn:hover{transform:translateY(-2px)}.btn.gold{background:var(--gold2);color:#07111f;box-shadow:0 12px 30px rgba(217,164,65,.25)}.btn.dark{background:#07111f;color:white}.btn.outline{background:transparent;color:white;border:1px solid rgba(255,255,255,.22)}.btn.ghost{background:#f8fafc;color:#07111f}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 12%,rgba(217,164,65,.45),transparent 32%),radial-gradient(circle at 15% 70%,rgba(14,165,233,.25),transparent 35%),linear-gradient(135deg,#07111f,#111c31 58%,#3b2608);color:white}.hero .grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;padding:78px 0 88px}.pill{display:inline-flex;gap:8px;border:1px solid rgba(243,199,106,.35);background:rgba(243,199,106,.12);color:#ffe8a3;border-radius:999px;padding:9px 14px;font-weight:900;font-size:14px}h1{font-family:Georgia,serif;font-size:68px;line-height:.98;margin:22px 0 0;letter-spacing:-.045em}.lead{font-size:20px;line-height:1.75;color:#dbe4f0;max-width:720px;margin:24px 0 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-card{border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.10);padding:16px;border-radius:38px;box-shadow:var(--shadow);backdrop-filter:blur(14px);animation:float 5s ease-in-out infinite}.hero-card .inside{background:linear-gradient(145deg,#fff7df,#f3c76a 55%,#172033);border-radius:30px;padding:28px;color:#07111f}.mini-card{background:rgba(255,255,255,.86);border-radius:22px;padding:20px}.check{display:flex;gap:10px;background:#07111f;color:white;border-radius:18px;padding:13px;margin-top:10px;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;text-align:center}.stats div{background:rgba(255,255,255,.78);border-radius:18px;padding:12px}.stats b{font-size:24px;display:block}.page-head{background:linear-gradient(135deg,#07111f,#111c31,#3b2608);color:white;padding:70px 0}.page-head h1{font-size:52px}.breadcrumbs{font-weight:900;color:#f3c76a;letter-spacing:.18em;text-transform:uppercase;font-size:12px}section{padding:74px 0}.center{text-align:center;max-width:850px;margin:0 auto}.eyebrow{font-weight:900;color:#b77c12;text-transform:uppercase;letter-spacing:.24em;font-size:13px}h2{font-size:46px;line-height:1.05;margin:12px 0 0;letter-spacing:-.035em}.sub{font-size:18px;line-height:1.75;color:var(--muted);margin-top:16px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:0 4px 18px rgba(15,23,42,.04);transition:.25s}.card:hover{box-shadow:0 22px 45px rgba(15,23,42,.10);transform:translateY(-4px)}.icon{width:48px;height:48px;display:grid;place-items:center;border-radius:17px;background:#fff4d6;color:#9a661b;font-size:24px}.card p{color:var(--muted);line-height:1.65}.grey{background:#f8fafc}.warning{border:1px solid #fcd34d;background:#fffbeb;color:#78350f;border-radius:24px;padding:18px;line-height:1.65}.notice{padding:14px;border-radius:18px;background:#ecfeff;border:1px solid #a5f3fc;color:#155e75}.guests{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}.guest{display:flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:26px;padding:18px;transition:.22s}.guest:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.09)}.avatar{width:62px;height:62px;flex:0 0 62px;border-radius:20px;background:linear-gradient(135deg,#07111f,#815817);color:#ffe8a3;display:grid;place-items:center;font-weight:900;font-family:Georgia,serif;font-size:20px}.guest span{display:block;color:var(--muted);font-size:14px;line-height:1.4;margin-top:4px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.video-card{position:relative;overflow:hidden;min-height:230px;border-radius:30px;background:linear-gradient(135deg,#07111f,#25324a,#8b5d16);color:white;padding:22px;box-shadow:0 22px 48px rgba(7,17,31,.22);cursor:pointer;transition:.25s}.video-card:hover{transform:translateY(-5px)}.video-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);background-size:300px 100%;animation:shimmer 2.2s linear infinite}.video-card>*{position:relative}.play{width:64px;height:64px;border-radius:999px;background:rgba(243,199,106,.95);color:#07111f;display:grid;place-items:center;font-weight:900;font-size:26px;margin-bottom:22px;box-shadow:0 0 0 12px rgba(243,199,106,.18)}.video-card small{display:block;color:#f3c76a;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.video-card p{color:#dbe4f0;line-height:1.6}.demo-badge{display:inline-flex;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 10px;font-size:12px;color:#fff;background:rgba(255,255,255,.1)}.map-section{background:#07111f;color:white}.map-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:34px;align-items:start}.counter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.counter{background:rgba(255,255,255,.10);border-radius:24px;padding:18px}.counter b{font-size:34px}.legend{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tag{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 13px;background:rgba(255,255,255,.08);font-size:14px}.dot{width:12px;height:12px;border-radius:999px;display:inline-block}.map-box{background:white;color:#07111f;border-radius:34px;padding:16px;box-shadow:var(--shadow)}.filters{display:flex;align-items:center;gap:10px;background:#f8fafc;border-radius:26px;padding:12px;margin-bottom:14px}.hotel-svg{width:100%;height:auto;display:block;border-radius:24px;border:1px solid var(--line);background:#fff7ed}input,select,textarea{border:1px solid #dbe3ee;border-radius:16px;padding:12px 14px;font:inherit;outline:none;background:white}label{display:grid;gap:7px;font-weight:800;font-size:14px;color:#334155}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.room-card-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px;max-height:340px;overflow:auto;padding-right:4px}.room-list-btn{border:1px solid var(--line);background:white;border-radius:22px;padding:14px;text-align:left;cursor:pointer}.room-list-btn:hover{border-color:#d9a441;background:#fff8e7}.room-list-btn:disabled{opacity:.55;cursor:not-allowed}.status{font-size:12px;font-weight:900;border-radius:999px;padding:5px 9px;display:inline-block}.available{background:#dcfce7;color:#166534}.option{background:#fef3c7;color:#92400e}.sold{background:#e2e8f0;color:#334155}.modal-back{display:none;position:fixed;inset:0;z-index:100;background:rgba(2,6,23,.72);backdrop-filter:blur(8px);place-items:center;padding:18px}.modal{background:white;color:#07111f;max-width:820px;width:100%;border-radius:34px;box-shadow:var(--shadow);overflow:hidden;position:relative}.modal-head{padding:24px;background:linear-gradient(135deg,#07111f,#111c31,#5a3908);color:white}.modal-close{position:absolute;top:15px;right:15px;border:0;width:38px;height:38px;border-radius:999px;background:rgba(255,255,255,.12);color:white;font-size:24px;cursor:pointer}.modal-body{padding:24px}.room-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.room-meta div{background:rgba(255,255,255,.10);border-radius:18px;padding:12px}.pay-box{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:20px;background:#f8fafc;border-radius:24px;padding:18px}.success{text-align:center;padding:30px}.success .big{width:82px;height:82px;border-radius:999px;background:#dcfce7;color:#166534;display:grid;place-items:center;margin:0 auto;font-size:38px}.fake-video{border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#07111f,#13233c);color:white;padding:24px;text-align:center}.wave{height:80px;background:repeating-linear-gradient(90deg,#f3c76a 0 8px,transparent 8px 18px);opacity:.65;animation:shimmer 1.2s linear infinite}.table{width:100%;border-collapse:collapse;background:white;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line);font-size:14px}.table th{background:#f8fafc}.footer{background:linear-gradient(135deg,#07111f,#111c31,#3b2608);color:white;text-align:center;padding:56px 0}.footer .sub{color:#cbd5e1}@media(max-width:980px){.hero .grid,.map-grid,.grid2{grid-template-columns:1fr}h1{font-size:50px}h2{font-size:36px}.grid3,.guests,.video-grid{grid-template-columns:1fr 1fr}.nav{display:none}}@media(max-width:660px){.grid3,.guests,.video-grid,.room-card-list,.form-grid,.room-meta{grid-template-columns:1fr}.filters{flex-direction:column;align-items:stretch}.pay-box{display:block}.pay-box .btn{margin-top:14px;width:100%}h1{font-size:40px}}