body{margin:0;font-family:Arial,sans-serif;background:#f8f6f3;color:#222}
header{background:#3a0a0a;color:#fff;padding:18px 6%;position:sticky;top:0}
nav{display:flex;justify-content:space-between;align-items:center}
nav a{color:#fff;text-decoration:none;margin-left:18px}
.hero{background:linear-gradient(135deg,#230505,#651111);color:#fff;padding:90px 8%}
.hero h1{font-size:48px;margin:0}.gold{color:#d7aa42}
.btn{display:inline-block;background:#d7aa42;color:#111;padding:12px 22px;border-radius:4px;text-decoration:none;font-weight:bold;margin-top:15px}
section{padding:60px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
footer{background:#111;color:#ddd;padding:25px;text-align:center}