/* Design-Tokens aus docs/13 Anhang A (Brand-Blau #2786cf, Inter-Fallback-Stack) */
:root{--brand-500:#2786cf;--brand-700:#17517c;--surface:#ffffff;--surface-muted:#f7f8fa;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--radius-lg:12px}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--surface-muted);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
body{display:flex;align-items:center;justify-content:center;padding:1.5rem}
main{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 1px 2px rgba(0,0,0,.04);padding:2.5rem 2rem;max-width:28rem;width:100%;text-align:center}
.mark{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:12px;background:var(--brand-500);color:#fff;font-weight:700;letter-spacing:.02em;margin-bottom:1rem}
h1{font-size:1.25rem;margin:0 0 1rem;color:var(--brand-700)}
p{margin:.25rem 0;font-size:.95rem}
.muted{margin-top:1.25rem;color:var(--text-muted);font-size:.85rem}