body { font-family: Arial; background:#f5f5f5; margin:0; padding:0; }
header { background:#333; color:#fff; padding:1rem; text-align:center; }
h1 { margin:0; }
.gallery { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; padding:1rem; }
.gallery img { width:200px; border-radius:8px; cursor:pointer; transition:transform 0.2s; }
.gallery img:hover { transform:scale(1.05); }
.lightbox { display:none; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.9); }
.lightbox-content { margin:auto; display:block; max-width:90%; max-height:80%; }
.lightbox-caption { text-align:center; color:#fff; margin-top:10px; font-size:1rem; white-space: pre-line; }
.close { position:absolute; top:20px; right:35px; color:#fff; font-size:40px; cursor:pointer; }
.prev, .next { cursor:pointer; position:absolute; top:50%; padding:16px; color:#fff; font-size:30px; transform:translateY(-50%); font-weight:bold; }
.prev { left:0; } .next { right:0; }