body { margin:0; font-family: 'Poppins', sans-serif; background:#fff; color:#222;}
nav { background:#000; color:#fff; padding:1em; display:flex; justify-content:space-between; align-items:center;}
nav ul { list-style:none; display:flex; gap:1em;}
nav ul li a { color:#fff; text-decoration:none;}
.hero { text-align:center; padding:5em; background:#111; color:#fff;}
.btn { display:inline-block; margin:1em; padding:0.75em 1.5em; background:#d4af37; color:#000; text-decoration:none;}
.btn.secondary { background:#fff; color:#000;}
.grid { display:grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap:1em; padding:2em;}
.card { background:#f9f9f9; padding:1em; border-radius:8px; text-align:center; cursor:pointer;}
.card img { width:100%; border-radius:8px;}
.columns { display:flex; gap:2em; padding:2em;}
.modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); justify-content:center; align-items:center;}
.modal-content { background:#fff; padding:2em; border-radius:8px; max-width:500px; text-align:center;}
.close { float:right; font-size:1.5em; cursor:pointer;}