:root{--gold:#d4af37;--bg:#0b0b0b}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,sans-serif;background:var(--bg);color:#fff}
header{position:sticky;top:0;background:#111;padding:18px 5%;display:flex;justify-content:space-between;align-items:center}
nav a{color:#ddd;text-decoration:none;margin:0 12px}
.logo{color:var(--gold);font-weight:900}
.hero{min-height:70vh;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:60px 5%}
.hero img{width:100%;border-radius:16px}
h1{font-size:56px}.gold{color:var(--gold)}
.btn{background:var(--gold);padding:12px 20px;border-radius:30px;color:#111;text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;padding:40px 5%}
.card{background:#151515;border:1px solid #282828;padding:24px;border-radius:16px}
footer{padding:40px;text-align:center}
.fade{opacity:0;transform:translateY(30px);transition:all .8s}
.fade.show{opacity:1;transform:none}
@media(max-width:900px){.hero{grid-template-columns:1fr}}