:root { font-family: "Segoe UI", system-ui, Roboto, Arial, sans-serif; color: #17212b; background: #f4f6f8; }
body { margin: 0; }
.pub { max-width: 480px; margin: 0 auto; padding: 28px 18px; line-height: 1.5; }
.brand { font-weight: 700; color: #1f5f8b; margin-bottom: 18px; }
h1 { font-size: 1.5rem; margin: 0 0 8px; }
.muted { color: #5d6b79; }
.small { font-size: .88rem; }
.steps { padding-left: 20px; }
.steps li { margin-bottom: 18px; }
.btn { display: inline-block; margin-top: 8px; padding: 12px 18px; border-radius: 10px; background: #1f5f8b; color: #fff; text-decoration: none; font-weight: 600; border: 1px solid #1f5f8b; }
.btn.ghost { background: transparent; color: #1f5f8b; }
.qr { width: 220px; background: #fff; padding: 8px; border-radius: 10px; border: 1px solid #dfe4ea; }
.qr svg { width: 100%; height: auto; display: block; }