* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Arial', sans-serif; background: #111; color: white; display: flex; justify-content: center; align-items: center; min-height: 100vh; padding: 20px; }
h1 { text-align: center; margin-bottom: 40px; text-transform: uppercase; letter-spacing: 2px; }
.gallery { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; max-width: 1200px; width: 100%; }
.gallery-item { position: relative; overflow: hidden; border-radius: 10px; cursor: pointer; height: 250px; }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); color: white; display: flex; justify-content: center; align-items: center; font-size: 24px; font-weight: bold; opacity: 0; transition: opacity 0.5s ease; }