:root { --bg: #120A24; --panel: #22153D; --raised: #2F1D52; --gold: #FFD23F; --orange: #FF8A1F; --text: #FFF4E0; --muted: #B9A8D9; --red: #E0302B; }
* { box-sizing: border-box; }
body { margin: 0; background: radial-gradient(1200px 600px at 50% -10%, #5B2A86 0%, var(--bg) 60%) fixed, var(--bg); color: var(--text); font: 17px/1.55 -apple-system, "SF Pro Text", "Segoe UI", Roboto, sans-serif; }
main { max-width: 860px; margin: 0 auto; padding: 48px 20px 64px; }
header { display: flex; align-items: center; gap: 20px; margin-bottom: 28px; }
header img { width: 96px; height: 96px; border-radius: 22px; box-shadow: 0 10px 30px #0008; }
h1 { margin: 0; font-size: 34px; letter-spacing: .5px; color: var(--gold); text-shadow: 3px 3px 0 #0A0614; }
h2 { color: var(--gold); margin-top: 36px; font-size: 22px; }
p.lead { color: var(--muted); margin: 4px 0 0; }
.panel { background: var(--panel); border: 3px solid #0A0614; box-shadow: 0 4px 0 #0A0614; padding: 20px 22px; margin: 16px 0; }
.shots { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 24px 0; }
.shots img { width: 100%; border: 3px solid #0A0614; }
a { color: var(--orange); }
dt { font-weight: 700; margin-top: 14px; }
dd { margin: 4px 0 0; color: var(--muted); }
footer { margin-top: 48px; color: var(--muted); font-size: 14px; }
@media (max-width: 600px) { .shots { grid-template-columns: 1fr 1fr; } h1 { font-size: 28px; } }