:root{--bg:#120E0C;--panel:#1C1512;--raised:#281D18;--edge:#7A5935;--line:#C69A55;--gold:#E7C56A;--text:#F0E4CF;--dim:#A9967E;--red:#4B1F1C}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:18px/1.65 Georgia,"Times New Roman",serif}
a{color:var(--gold)}a:hover{color:var(--text)}
header,main,footer{max-width:760px;margin:0 auto;padding:0 20px}
header{display:flex;align-items:center;gap:14px;padding-top:22px;padding-bottom:16px;border-bottom:1px solid var(--edge);flex-wrap:wrap}
header img{width:48px;height:48px;border-radius:10px}
header .brand{font-size:1.2rem;color:var(--gold);text-decoration:none;letter-spacing:.04em;margin-right:auto}
nav a{margin-left:16px;font-size:.95rem;color:var(--dim);text-decoration:none}nav a:hover{color:var(--gold)}
h1,h2{color:var(--gold);font-weight:normal;line-height:1.25}h1{font-size:2rem;margin-top:36px}h2{font-size:1.3rem;margin-top:32px}
.panel{background:var(--panel);border:1px solid var(--edge);border-radius:8px;padding:6px 22px 18px;margin:24px 0}
.btn{display:inline-block;background:var(--red);border:1px solid var(--line);color:var(--text);padding:12px 22px;border-radius:6px;text-decoration:none;margin:4px 8px 4px 0}
.btn:hover{background:#642823;color:var(--text)}
.hero{text-align:center;padding:40px 0 10px}.hero img{width:140px;border-radius:24px;border:1px solid var(--edge)}
.hero p{color:var(--dim)}small,.dim{color:var(--dim)}
footer{border-top:1px solid var(--edge);margin-top:48px;padding-top:16px;padding-bottom:32px;color:var(--dim);font-size:.9rem}
footer a{color:var(--dim)}