:root {
  --bg: #050505;
  --bg-alt: #111111;
  --card: #181818;
  --border: #262626;
  --gold: #d4af37;
  --gold-soft: #c59a2f;
  --text: #f4e8c1;
  --muted: #b8a87a;
  --shadow: 0 10px 30px rgba(0,0,0,0.5);
}

html, body {
  margin:0; padding:0;
  background: var(--bg);
  font-family: "Segoe UI", sans-serif;
  color: var(--text);
}

header {
  background: var(--bg-alt);
  padding: 15px 30px;
  display:flex; justify-content:space-between; align-items:center;
  border-bottom:1px solid var(--gold-soft);
}

nav a {
  color: var(--muted);
  margin-left: 18px;
  text-decoration:none;
  padding:6px 12px;
  border-radius:6px;
  transition:0.2s;
  border:1px solid transparent;
}
nav a:hover {
  color: var(--gold);
  border-color: var(--gold);
}

h1,h2,h3 {
  color: var(--gold);
}

.card {
  background: var(--card);
  padding: 20px;
  border-radius: 12px;
  box-shadow: var(--shadow);
  border:1px solid var(--border);
  margin-bottom:20px;
}

.gallery-item img {
  border:2px solid var(--border);
  border-radius:10px;
  transition:0.2s;
}
.gallery-item img:hover {
  border-color: var(--gold);
  transform:scale(1.03);
}