body{margin:0;font-family:Arial,sans-serif;background:#0b0b0b;color:#fff}
header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:18px 8%;background:#111}
.logo{font-weight:bold;color:#d4af37}
nav a{color:#fff;text-decoration:none;margin-left:20px}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65));display:flex;align-items:center;justify-content:center;text-align:center}
.overlay{max-width:800px;padding:20px}
h1{font-size:3rem}
.btn{display:inline-block;margin-top:20px;background:#d4af37;color:#000;padding:14px 28px;text-decoration:none;border-radius:30px}
section{padding:90px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.cards div{background:#181818;padding:30px;border-radius:12px;border:1px solid #333}
footer{text-align:center;padding:30px;background:#111}