*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"Segoe UI",Roboto,sans-serif;background:#1d1f14;color:#e8e2c8;line-height:1.6}
header{background:linear-gradient(#3a2a1a,#2b2e1c);border-bottom:3px solid #8a7a3c;padding:14px 20px;display:flex;align-items:center;gap:12px}
header img{width:48px;height:48px;border-radius:11px}header h1{margin:0;font-size:1.4rem;letter-spacing:2px;color:#d9c77a}
nav{margin-left:auto}nav a{color:#c9b98a;margin-left:14px;text-decoration:none;font-weight:600}nav a:hover{color:#fff}
.hero{width:100%;max-height:420px;object-fit:cover;display:block}
main{max-width:820px;margin:0 auto;padding:20px}h2{color:#d9c77a;border-bottom:1px solid #4d5130;padding-bottom:4px}
.card{background:#2b2e1c;border:1px solid #4d5130;border-radius:8px;padding:14px 18px;margin:12px 0}
a{color:#e0b450}footer{text-align:center;color:#8f8a6c;font-size:.85rem;padding:24px}
@media(max-width:600px){header{flex-wrap:wrap}nav{margin-left:0;width:100%}nav a{margin:0 14px 0 0}header h1{font-size:1.2rem}}