body{background:#111;color:#ddd;font-family:Arial,sans-serif;margin:0}
header{text-align:center;padding:40px;border-bottom:1px solid #333}
nav a{color:#fff;margin:0 10px;text-decoration:none}
.hero{text-align:center;padding:80px 20px}
section{max-width:1200px;margin:auto;padding:40px 20px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}
.gallery img{width:100%;cursor:pointer}
#lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);justify-content:center;align-items:center}
#lightbox img{max-width:95%;max-height:95%}
#close{position:absolute;top:20px;right:30px;color:white;font-size:48px;cursor:pointer}
footer{text-align:center;padding:30px;border-top:1px solid #333}