:root { color-scheme: light; font-family: system-ui, sans-serif; color: #20344a; background: #f2f5f8; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { margin: 24px; padding: clamp(24px, 5vw, 56px); max-width: 620px; background: white; border: 1px solid #dce4ec; border-radius: 20px; }
h1 { font-size: clamp(26px, 4vw, 38px); line-height: 1.2; margin: 20px 0; }
p { line-height: 1.6; }
.eyebrow { font-size: 12px; letter-spacing: .12em; color: #556c83; }
.status { padding: 16px; margin: 28px 0; border-radius: 10px; background: #eef2f6; }
.status span { color: #788ba0; padding-right: 8px; }
.muted { color: #556c83; font-size: 14px; }
button { background: #176ac0; color: white; border: 0; border-radius: 8px; padding: 12px 20px; font: inherit; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }