body{margin:0;font-family:Segoe UI;background:#0f172a;color:#fff}
.hero{height:60vh;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.8)),url('hero.jpg');background-size:cover;display:flex;align-items:center;justify-content:center;text-align:center}
.container{padding:40px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#1e293b;border-radius:15px;overflow:hidden}
.card img{width:100%;height:200px;object-fit:cover}
footer{text-align:center;padding:15px;background:#020617}
.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.9);justify-content:center;align-items:center}
.modal-content{background:#1e293b;padding:30px;border-radius:10px;text-align:center}
button{margin:10px;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}
button:first-of-type{background:#22c55e}
button:last-of-type{background:#ef4444}