:root { --brand: #1f7a8c; --bg: #eef0f2; --fg: #1f2429; --muted: #6b737c; --line: #d9dde2; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: var(--bg); color: var(--fg); font: 15px/1.5 "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif; padding: 24px max(16px, env(safe-area-inset-right)) 24px max(16px, env(safe-area-inset-left)); }
main { max-width: 420px; width: 100%; background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px 24px; text-align: center; }
h1 { margin: 10px 0 6px; font-size: 21px; }
p { margin: 0 0 10px; color: var(--fg); }
.small { color: var(--muted); font-size: 13px; }