:root { --bg: #0e1a22; --muted: #9fb3c0; --accent: #8cc8ff; }
* { box-sizing: border-box; }
html, body { margin: 0; height: 100%; }
body {
  background: var(--bg);
  font: 15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif;
  color: var(--muted);
  display: flex; align-items: center; justify-content: center;
}
main { width: min(1200px, 100%); padding: 2rem 1rem; }
figure { margin: 0; }
img { display: block; width: 100%; height: auto; border-radius: 12px; box-shadow: 0 10px 40px rgba(0,0,0,.45); }
figcaption { margin-top: .75rem; text-align: center; font-size: .85rem; }
a { color: var(--accent); text-decoration: none; }
a:hover { text-decoration: underline; }