:root {
  --bg: #ffffff;
  --fg: #111111;
  --accent: #D0021B;
  --muted: #f4f4f5;
  --border: #e5e7eb;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif; color: var(--fg); background: var(--bg); }
.container { max-width: 720px; margin: 0 auto; padding: 24px 16px 40px; }
.title { font-size: 22px; font-weight: 800; margin: 6px 0 18px; letter-spacing: .2px; }
.links { display: grid; grid-template-columns: 1fr; gap: 12px; }
a.btn {
  display: block;
  text-decoration: none;
  text-align: center;
  border: 1px solid var(--border);
  padding: 14px 16px;
  border-radius: 12px;
  font-weight: 700;
  transition: transform .05s ease-in-out, border-color .2s, background .2s;
  background: #fff; color: var(--fg);
}
a.btn:hover { transform: translateY(-1px); border-color: #d1d5db; }
a.btn.primary { background: var(--accent); color: #fff; border-color: var(--accent); }
.group-title { margin: 24px 0 8px; font-size: 13px; font-weight: 800; color: #6b7280; text-transform: uppercase; letter-spacing: .06em; }
.footer { margin: 28px 0 12px; text-align: center; font-size: 12px; color: #6b7280; }
@media (min-width: 560px) { .links { grid-template-columns: 1fr 1fr; } }