body{margin:0;background:#0b0b0b;color:#fff;font-family:Arial,sans-serif}
.header,.footer{background:#111;padding:20px;text-align:center}
.logo{max-width:220px}
nav a{color:#c9b27a;text-decoration:none;margin:0 12px}
.hero{padding:100px 20px;text-align:center}
.hero h1{color:#c9b27a}
.btn{background:#c9b27a;color:#000;padding:12px 20px;text-decoration:none}
.wrap{max-width:1200px;margin:auto;padding:40px 20px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#171717;border:1px solid #333;padding:20px}