
:root{--yellow:#ffd400;--yellow-2:#ffcc00;--yellow-soft:#fff4bf;--black:#0e0e0e;--gray:#7a7a7a;--card:#111214;--border:#2a2a2a;--radius:18px;--shadow:0 10px 20px rgba(0,0,0,.25),0 6px 6px rgba(0,0,0,.18)}
*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0a0a0a;color:#eaeaea}
a{color:var(--yellow)}img{max-width:100%;display:block}.container{max-width:1152px;margin:0 auto;padding:0 20px}
.topbar{background:var(--black);border-bottom:1px solid var(--border);color:#d9d9d9;font-size:.95rem}.topbar .container{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px}.topbar strong{color:#fff}
header{position:sticky;top:0;background:#0c0c0c;border-bottom:1px solid var(--border);z-index:40;backdrop-filter:saturate(180%) blur(8px)}nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;gap:12px;align-items:center}.logo{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--yellow),var(--yellow-2));box-shadow:0 0 0 4px rgba(255,212,0,.15)}.brand h1{font-size:1.25rem;margin:0;color:#fff;letter-spacing:.3px}
.nav-links{display:flex;gap:18px}.nav-links a{color:#e6e6e6}.cta{display:inline-block;background:var(--yellow);color:#000;font-weight:700;border-radius:999px;padding:12px 16px}.cta-outline{display:inline-block;border:2px solid var(--yellow);color:var(--yellow);border-radius:999px;padding:10px 16px}
.hero{background:linear-gradient(180deg,#0a0a0a,#111);padding:56px 0}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}.hero h2{font-size:2.35rem;margin:.3rem 0 1rem;color:#fff}.hero p{color:#cfcfcf}
.badges{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px}.badge{border:1px dashed var(--yellow);color:var(--yellow);padding:6px 10px;border-radius:999px;font-size:.85rem}.hero-card{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}
section{padding:56px 0;border-top:1px solid var(--border)}.section-title{color:#fff;margin:0 0 18px;font-size:1.6rem}.note{color:#bfbfbf;font-size:.95rem}
table{width:100%;border-collapse:collapse;background:#0f0f0f;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}th,td{padding:14px;border-bottom:1px solid var(--border)}th{background:#141414;color:var(--yellow);text-align:left}
.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.gallery img{border-radius:14px;box-shadow:var(--shadow);aspect-ratio:4/3;object-fit:cover;border:1px solid var(--border)}
.booking{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#0f0f0f;border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
input,select,textarea{background:#0c0c0c;color:#eee;border:1px solid var(--border);border-radius:12px;padding:12px 14px;font:inherit}textarea{min-height:96px}
.hours{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hours .box{background:#0f0f0f;border:1px solid var(--border);border-radius:var(--radius);padding:16px}
footer{background:#0a0a0a;border-top:1px solid var(--border);color:#cfcfcf}footer a{color:var(--yellow)}.copyright{border-top:1px solid var(--border);margin-top:16px;padding:14px 0;color:#9f9f9f}
.fab{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:10px;z-index:100}.fab a{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:999px;color:#000;background:var(--yellow);font-weight:700;box-shadow:var(--shadow)}
.call{background:#12d67a;color:#000}.wa{background:#25D366;color:#000}
@media (max-width:980px){.hero-inner{grid-template-columns:1fr}.booking{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(3,1fr)}.hours{grid-template-columns:1fr}}
@media (max-width:640px){.nav-links{display:none}.gallery{grid-template-columns:repeat(2,1fr)}}
