/* Simple, clean styling optimized for mobile */
:root {
  --bg: #000000;
  --fg: #f5f5f7;
  --muted: #b8b8be;
  --accent: #2a2a2e;
  --outline: #2a2a2e;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: var(--bg); color: var(--fg); font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji'; }

.container { max-width: 560px; margin: 0 auto; padding: 24px 18px 48px; }
.hero { text-align: center; }
.logo { width: 120px; height: auto; opacity: 0.9; margin: 8px auto 12px; display:block; }
h1 { font-size: 22px; margin: 8px 0 6px; }
#release-subtitle { color: var(--muted); margin: 4px 0 14px; }
.cover { width: 100%; height: auto; border-radius: 14px; box-shadow: 0 10px 30px rgba(0,0,0,0.3); margin: 4px 0 18px; }

.links { display: grid; gap: 12px; margin: 18px 0 24px; }
.button {
  display: block; text-align: center; padding: 14px 16px; border-radius: 12px;
  background: var(--accent); color: #f5f5f7; text-decoration: none; font-weight: 700;
}
.button.outline {
  background: transparent; color: var(--fg);
  border: 1px solid var(--outline);
}

.footer { text-align: center; color: var(--muted); font-size: 13px; margin-top: 8px; }