body{margin:0;font-family:Arial,sans-serif;background:#111;color:#eee}
.hero{min-height:100vh;background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.75)),radial-gradient(circle at top,#5a3d26,#111);display:flex;flex-direction:column}
nav{display:flex;justify-content:space-between;padding:20px 8%;align-items:center}
.logo{font-weight:bold;font-size:1.5rem;color:#d9a66a}.logo span{display:block;font-size:.7rem;color:#ddd}
nav ul{display:flex;gap:20px;list-style:none}nav a{color:#fff;text-decoration:none}
.hero-content{margin:auto;text-align:center;padding:20px}
.hero h1{font-size:3rem}.btn{display:inline-block;margin-top:20px;padding:12px 24px;background:#c88945;color:#111;text-decoration:none;border-radius:6px;font-weight:bold}
section{padding:70px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#1b1b1b;border:1px solid #333;padding:20px;border-radius:10px}
h2{color:#d9a66a}footer{text-align:center;padding:30px;background:#0b0b0b}