body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 15% 10%, var(--bg-glow) 0%, transparent 45%),
    var(--bg);
  font-family: var(--font-ui);
  color: var(--ink);
  padding: 48px 20px 80px;
}

.wrap { max-width: 960px; margin: 0 auto; }
.wrap.tickets-page { max-width: 1100px; }

header.page-head { margin-bottom: 28px; }

h1 { font-size: 28px; margin: 10px 0 8px; letter-spacing: -0.01em; }
.subtitle { color: var(--ink-soft); font-size: 15px; max-width: 62ch; line-height: 1.5; margin: 0; }

.card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: 0 1px 2px rgba(22,35,63,0.04), 0 12px 32px -16px rgba(22,35,63,0.18);
  padding: 24px;
  margin-top: 28px;
}

.error { color: var(--danger); font-size: 0.85rem; margin-bottom: 0.75rem; display: none; }
.empty { color: var(--ink-soft); font-size: 0.9rem; padding: 0.5rem 0; }

@media (max-width: 620px) {
  .card { padding: 16px; }
}