body{margin:0;font-family:Arial,sans-serif;background:#0b0b0b;color:#fff}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#111;position:sticky;top:0}
.logo{font-size:30px;font-weight:bold;color:#d4af37}.logo span{color:#fff}
nav a{color:#fff;margin:0 10px;text-decoration:none}.btn{background:#d4af37;color:#f5efef;padding:10px 18px;border-radius:6px;font-weight:bold}
.hero{height:70vh;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.7)),url('images/hero.jpg') center/cover;display:flex;align-items:center;justify-content:center;text-align:center}
h1{font-size:52px;color:#d4af37}section{padding:50px 10%}h2{color:#d4af37}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px}.cards div{background:#1c1c1c;padding:20px;border:1px solid #d4af37;border-radius:8px}.flyer{max-width:700px;width:100%;display:block;margin:auto}footer{text-align:center;padding:20px;background:#111}
@media(max-width:700px){header{flex-direction:column}h1{font-size:36px}}