:root {
  --gold: #d4af37;
  --gold-2: #f4d675;
  --bg: #050505;
  --secondary: #121212;
  --card: #1a1a1a;
  --border: #2b2b2b;
  --text: #ffffff;
  --muted: #b9b9b9;
}

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: "Poppins", system-ui, sans-serif;
}
a { color: inherit; text-decoration: none; }
.navbar, .lux-band { background: rgba(5, 5, 5, .92); backdrop-filter: blur(18px); border-bottom: 1px solid var(--border); }
.brand { font-family: "Montserrat", sans-serif; letter-spacing: .18em; font-weight: 800; color: var(--gold); }
.hero {
  min-height: 82vh;
  display: grid;
  align-items: center;
  background:
    linear-gradient(90deg, rgba(5,5,5,.95) 0%, rgba(5,5,5,.76) 48%, rgba(5,5,5,.28) 100%),
    url("https://images.unsplash.com/photo-1496747611176-843222e1e57c?auto=format&fit=crop&w=1800&q=80") center/cover;
}
.hero h1 { font-family: "Montserrat", sans-serif; font-size: clamp(3rem, 8vw, 7rem); line-height: .9; font-weight: 900; letter-spacing: 0; }
.eyebrow { color: var(--gold); text-transform: uppercase; letter-spacing: .22em; font-size: .78rem; font-weight: 700; }
.btn-gold {
  border: 0;
  color: #050505;
  font-weight: 800;
  background: linear-gradient(135deg, var(--gold), var(--gold-2), #9f7928);
  box-shadow: 0 16px 34px rgba(212, 175, 55, .22);
}
.btn-outline-gold { border: 1px solid var(--gold); color: var(--gold); }
.product-card, .panel-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 8px;
  overflow: hidden;
}
.product-media {
  aspect-ratio: 4 / 5;
  background: linear-gradient(135deg, #242424, #090909);
  display: grid;
  place-items: center;
  color: var(--gold);
  font-size: 2rem;
}
.price { color: var(--gold); font-weight: 800; }
.section-title { font-family: "Montserrat", sans-serif; font-weight: 800; }
.form-control, .form-select {
  background: #0e0e0e;
  border-color: var(--border);
  color: var(--text);
}
.form-control:focus, .form-select:focus { background: #111; color: var(--text); border-color: var(--gold); box-shadow: 0 0 0 .2rem rgba(212,175,55,.12); }
.footer { border-top: 1px solid var(--border); background: var(--secondary); color: var(--muted); }
.metric { background: #111; border: 1px solid var(--border); border-radius: 8px; padding: 1rem; }
.metric strong { color: var(--gold); font-size: 1.8rem; }
.table { --bs-table-bg: transparent; --bs-table-color: #fff; --bs-table-border-color: var(--border); }