:root { --primary:#7e57c2; --on:#222; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  font-family: Inter, system-ui, Arial, sans-serif;
  margin: 0; background: #fafafa; color: var(--on);
}
.header {
  background:#fff; border-bottom:1px solid #eee;
  display:flex; justify-content:center;
}
.header img { max-width:960px; width:100%; height:auto; }
.wrap { max-width: 960px; margin: 24px auto; padding: 0 16px; }
.card {
  background:#fff; border:1px solid #eee; border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,.04);
  padding: 28px; text-align:center;
}
h1 { margin:0 0 8px; font-size: clamp(24px, 4vw, 40px); color: var(--primary); }
p { margin: 10px 0 0; font-size: clamp(14px, 2vw, 18px); }
strong { font-weight:600; }
.muted { color:#666; font-size: .95em; }