body { background: #111; color: #fff; font-family: Arial, sans-serif; margin: 0; }
header { display: flex; align-items: center; background: #181818; padding: 0.5em 0; }
.logo { font-weight: bold; font-size: 1.3em; color: #fff; text-decoration: none; margin-left: 1.2em; margin-right: 2em; letter-spacing: 1px; }
nav ul { list-style: none; display: flex; gap: 1.2em; margin: 0 1.5em 0 0; padding: 0; }
nav a { color: #fff; text-decoration: none; font-weight: bold; font-size: 1em; }
nav a:hover { text-decoration: underline; }
main { max-width: 600px; margin: 2em auto; background: #181818; padding: 2em; border-radius: 10px; box-shadow: 0 2px 16px rgba(0,0,0,0.4); }
.gallery-thumbs { display: flex; gap: 2em; justify-content: center; margin-top: 2em; }
.gallery-thumbs img {
	width: 110px;
	height: 80px;
	object-fit: contain;
	background: #222;
	border-radius: 8px;
	box-shadow: 0 1px 8px #000;
	cursor: pointer;
	transition: transform 0.2s, box-shadow 0.2s;
	border: 2px solid #333;
	padding: 4px;
}
.gallery-thumbs img:hover {
	transform: scale(1.04);
	box-shadow: 0 2px 16px #000;
	border-color: #fff;
}
.lightbox { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.92); display: flex; align-items: center; justify-content: center; z-index: 1000; display: none; }
.lightbox.active { display: flex; }
.lightbox img { max-width: 90vw; max-height: 90vh; border-radius: 8px; box-shadow: 0 2px 16px rgba(0,0,0,0.5); }
.lightbox-close { position: absolute; top: 30px; right: 40px; color: #fff; font-size: 2.5em; font-weight: bold; cursor: pointer; z-index: 1001; text-shadow: 0 2px 8px #000; }