:root{--bg:#12090b;--gold:#c9a45c;--text:#f7efe7}
body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif}
.site-header{display:flex;justify-content:space-between;padding:20px 7%}
.logo {
  color: var(--gold);
  font-size: 3rem;
  text-decoration: none;
  font-weight: bold;
}
nav a{color:white;text-decoration:none;margin-left:20px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:60px 7%;align-items:center}
.hero img,.card img{width:100%;border-radius:16px}
h1{font-size:3rem}
.lead{opacity:.85}
.btn{display:inline-block;padding:12px 20px;background:var(--gold);color:black;text-decoration:none;border-radius:999px}
.section{padding:40px 7%}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#1f1115;padding:15px;border-radius:16px}
footer{padding:30px 7%}
@media(max-width:800px){.hero,.cards{grid-template-columns:1fr}}