* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; background: #faf7f4; color: #1c1917; line-height: 1.55; min-height: 100vh; display: flex; flex-direction: column; }
a { color: #c2410c; }
.wrap { flex: 1; width: 100%; max-width: 520px; margin: 0 auto; padding: 28px 18px; }
.card { background: #fff; border: 1px solid #eee7e0; border-radius: 18px; padding: 28px 22px; box-shadow: 0 1px 3px rgba(67,20,7,.07); }
.center { text-align: center; }
.logo { width: 76px; height: 76px; border-radius: 20px; margin-bottom: 6px; }
h1 { font-size: 1.6rem; margin: .2em 0 .4em; line-height: 1.25; }
h2 { font-size: 1.1rem; margin-top: 1.4em; }
.muted { color: #78716c; }
.small { font-size: .88rem; }
.upper { text-transform: uppercase; letter-spacing: .06em; margin: 0; }
.pre { white-space: pre-wrap; }
.btn { display: block; background: #c2410c; color: #fff; text-decoration: none; padding: 14px 18px; border-radius: 12px; font-weight: 700; margin: 18px 0 8px; }
.btn-ghost { background: #fff; color: #1c1917; border: 1px solid #eee7e0; }
.code-box { background: #fff1e6; border-radius: 12px; padding: 14px; margin: 14px 0; }
.code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 1.9rem; font-weight: 800; letter-spacing: .2em; color: #9a3412; margin-top: 4px; }
.prose ul { padding-left: 1.2em; }
.foot { text-align: center; color: #78716c; font-size: .85rem; padding: 18px; }