:root {
  --bg:#000;
  --panel:#0b0b0b;
  --gold:#d4af37;
  --text:#e5e7eb;
  --muted:#9ca3af;
  --border:#2a2a2a;
}

body {
  margin:0;
  font-family:system-ui,sans-serif;
  background:var(--bg);
  color:var(--text);
}

header {
  border-bottom:1px solid var(--border);
}

.nav {
  max-width:1200px;
  margin:auto;
  padding:20px;
  display:flex;
  justify-content:space-between;
}

.logo-gold { color:var(--gold); }
.logo-white { color:white; }

.menu a {
  color:white;
  text-decoration:none;
  margin-left:20px;
  position:relative;
}

.menu a::after {
  content:"";
  position:absolute;
  left:0; bottom:-5px;
  width:0; height:2px;
  background:var(--gold);
  transition:.3s;
}

.menu a:hover::after { width:100%; }

.hero {
  text-align:center;
  padding:140px 20px;
}

.eyebrow {
  color:var(--gold);
  letter-spacing:3px;
  font-size:.75rem;
}

.hero-btn {
  display:inline-block;
  margin-top:30px;
  padding:15px 40px;
  border:1px solid var(--gold);
  color:var(--gold);
  text-decoration:none;
}

.hero-btn:hover {
  background:var(--gold);
  color:#000;
}

.section-title {
  text-align:center;
  margin-bottom:60px;
}

.grid {
  max-width:1200px;
  margin:auto;
  padding:0 20px;
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
}

.card {
  background:var(--panel);
  border:1px solid var(--border);
  padding:30px;
  transition:.3s;
  cursor:pointer;
}

.card:hover {
  transform:translateY(-6px);
  border-color:var(--gold);
}

.price {
  color:var(--gold);
  font-size:2rem;
}

.rating {
  margin:25px 0;
  font-size:1.1rem;
}

.stars { color:var(--gold); }

.cta {
  text-align:center;
  padding:100px 20px;
  background:#050505;
}

.form {
  max-width:600px;
  margin:auto;
  display:grid;
  gap:15px;
}

input, select, textarea, button {
  padding:14px;
  background:#000;
  border:1px solid var(--border);
  color:white;
}

button {
  border:1px solid var(--gold);
  color:var(--gold);
}

button:hover {
  background:var(--gold);
  color:#000;
}

footer {
  text-align:center;
  padding:40px;
  border-top:1px solid var(--border);
  color:var(--muted);
}
