:root{--dark:#0b0f14;--panel:#131b25;--gold:#e9b949;--text:#17202b;--muted:#687381;--line:#dfe4ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#f5f6f8}.topbar{height:72px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:5}.topbar a{color:#fff;text-decoration:none;font-weight:800;font-size:14px}.brand{display:flex;align-items:center;gap:10px}.mark{background:var(--gold);color:#111;width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-size:22px;font-weight:900}.brand b{display:block;letter-spacing:1.5px}.brand small{display:block;color:#9ea8b5;font-size:11px}.hero{min-height:570px;background:linear-gradient(90deg,rgba(5,8,12,.93),rgba(5,8,12,.55),rgba(5,8,12,.2)),url("https://images.unsplash.com/photo-1487754180451-c456f719a1fc?auto=format&fit=crop&w=1800&q=85") center/cover;color:#fff;display:flex;align-items:center}.hero-inner{max-width:1100px;width:100%;padding:70px 22px;margin:auto}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--gold);margin:0 0 13px}.hero h1{font-size:clamp(40px,6vw,70px);line-height:1.02;letter-spacing:-2px;max-width:820px;margin:0 0 18px}.hero p:not(.eyebrow){font-size:18px;line-height:1.6;max-width:650px;color:#d6dce4}.hero button,.pay{border:0;background:var(--gold);color:#111;font-weight:900;border-radius:8px;padding:15px 20px;cursor:pointer}.hero span{display:block;margin-top:14px;color:#c2c9d2;font-size:13px}.section{max-width:1100px;margin:auto;padding:72px 22px}.section h2{font-size:38px;line-height:1.1;margin:0 0 12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:28px}.cards div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-height:145px;box-shadow:0 6px 24px #0b12200a}.cards b{font-size:11px;color:#8b95a1}.cards h3{margin:15px 0 7px}.cards p{color:var(--muted);font-size:14px;line-height:1.5;margin:0}.booking{background:#0e141c;color:#fff;max-width:none}.booking>.section{padding-left:22px;padding-right:22px}.muted{color:#aeb7c4;line-height:1.6}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.grid label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:800;color:#dce1e7}.grid .full{grid-column:1/-1}input,select{height:48px;border:1px solid #354150;background:#151e29;color:#fff;border-radius:8px;padding:0 13px;font:inherit;outline:0}input:focus,select:focus{border-color:var(--gold)}.pricebox,.terms{border:1px solid #354150;background:#121923;border-radius:12px;padding:20px;margin-top:20px}.pricebox>div{display:flex;justify-content:space-between;align-items:center}.pricebox strong{font-size:28px;color:var(--gold)}.pricebox small,.note{color:#8f9aa7;font-size:12px}.terms h3{margin:0 0 8px}.terms ul{color:#aeb7c4;line-height:1.7;font-size:13px;padding-left:18px}.agree{display:flex;gap:10px;align-items:flex-start;font-size:13px;font-weight:800}.agree input{width:18px;height:18px;min-width:18px}.pay{width:100%;margin-top:20px}.note{text-align:center}.contact{display:flex;justify-content:space-between;align-items:center;gap:25px}.buttons{display:flex;gap:10px;flex-wrap:wrap}.buttons a{background:#fff;border:1px solid #ccd3da;border-radius:8px;padding:13px 18px;text-decoration:none;color:#17202b;font-weight:900;font-size:13px}footer{background:var(--dark);color:#aeb7c4;padding:30px 22px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:13px}footer b,footer a{color:#fff}footer a{text-decoration:none}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:20px;z-index:20}.hidden{display:none}.modal-card{background:#fff;border-radius:16px;max-width:500px;width:100%;padding:30px;position:relative}.modal-card h2{margin-top:0}.modal-card p{line-height:1.6;color:#596574}.x{position:absolute;right:12px;top:7px;border:0;background:0;font-size:30px;cursor:pointer}.modal-card .pay{color:#111}@media(max-width:800px){.cards{grid-template-columns:1fr 1fr}.contact{display:block}.buttons{margin-top:20px}}@media(max-width:560px){.cards,.grid{grid-template-columns:1fr}.grid .full{grid-column:auto}.hero h1{font-size:42px}}
