body{margin:0;font-family:Poppins,sans-serif;background:#0d0d0d;color:#fff}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;background:#000;position:sticky;top:0}
.logo{font-size:34px;font-weight:700;color:#d4af37}
nav a{color:#fff;text-decoration:none;margin-left:20px}
.hero{height:85vh;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.7)),url('https://images.unsplash.com/photo-1523381210434-271e8be1f52b?auto=format&fit=crop&w=1400&q=80') center/cover;display:flex;align-items:center;justify-content:center;text-align:center}
.overlay h1{font-size:58px;color:#d4af37}.btn{display:inline-block;margin-top:20px;background:#d4af37;color:#000;padding:14px 28px;text-decoration:none;border-radius:30px;font-weight:600}
.wrap{padding:60px 8%}h2{color:#d4af37}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#1b1b1b;padding:24px;border-radius:12px;border:1px solid #2d2d2d}
footer{padding:40px;text-align:center;background:#000}
@media(max-width:700px){.overlay h1{font-size:40px}header{flex-direction:column}nav{margin-top:10px}}