:root { --ink: #1F2A44; --muted: #5B6478; --cloud: #F5F7FB; --paper: #FFFFFF; --line: #E3E8F2; --grape: #6C3BFF; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--cloud); color: var(--ink); font: 18px/1.5 -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; }
main { max-width: 480px; margin: 0 auto; padding: 48px 20px; }
h1 { font-size: 32px; line-height: 1.2; margin: 0 0 16px; }
.card { background: var(--paper); border: 2px solid var(--line); border-radius: 24px; padding: 24px; margin: 24px 0; }
.code { font-size: 40px; font-weight: 700; letter-spacing: 4px; font-variant-numeric: tabular-nums; margin: 8px 0 16px; }
button, .button { display: inline-block; font: inherit; font-weight: 700; color: #fff; background: var(--grape); border: 0; border-bottom: 4px solid #5228D9; border-radius: 16px; padding: 12px 20px; min-height: 48px; cursor: pointer; text-decoration: none; }
.quiet { color: var(--muted); font-size: 16px; }
a { color: #5228D9; }