:root { --bg: #0e0b06; --panel: #17120a; --gold: #e8c060; --gold-2: #f6e3a6; --text: #efe6d2; --muted: #b8a888; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--text); font: 17px/1.6 Georgia, "Times New Roman", serif; }
header { padding: 40px 16px 24px; text-align: center; border-bottom: 1px solid #3a2c12; }
header img { width: min(520px, 90%); height: auto; }
nav { margin-top: 16px; display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; }
nav a, a { color: var(--gold); }
main { max-width: 760px; margin: 0 auto; padding: 32px 16px 64px; }
h1, h2 { color: var(--gold-2); font-weight: normal; letter-spacing: 0.02em; }
h1 { font-size: 2rem; margin-top: 0; }
.card { background: var(--panel); border: 1px solid #3a2c12; border-radius: 10px; padding: 20px 24px; margin: 20px 0; }
.muted { color: var(--muted); font-size: 0.95rem; }
footer { text-align: center; color: var(--muted); font-size: 0.9rem; padding: 24px 16px 40px; border-top: 1px solid #3a2c12; }