* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background: #0b0c10; color: #e8e8e8; }

.hero { padding: 32px 16px; text-align: center; border-bottom: 1px solid rgba(255,255,255,.08); }
.hero h1 { margin: 0 0 8px; font-size: 28px; }
.hero p { margin: 0; opacity: .8; }

.container { max-width: 1100px; margin: 0 auto; padding: 16px; }

.gallery a { display: inline-block; } /* utile come fallback */
.gallery img { width: 100%; height: auto; display: block; }

.empty { padding: 24px; text-align: center; opacity: .8; border: 1px dashed rgba(255,255,255,.2); border-radius: 10px; }