:root { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #0c3438; background: #f3f7f6; }
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100vh; display: grid; place-items: center; padding: 32px 18px; }
.card { width: min(720px, 100%); background: #fff; border: 1px solid #dbe7e5; border-radius: 24px; padding: 32px; box-shadow: 0 16px 48px rgba(12,52,56,.08); }
h1 { margin: .35rem 0 1rem; line-height: 1.15; }
p { line-height: 1.65; }
.eyebrow { text-transform: uppercase; letter-spacing: .12em; font-size: .78rem; font-weight: 700; color: #557578; }
.btn { display: inline-block; padding: 13px 18px; border-radius: 999px; background: #0c3438; color: white; text-decoration: none; font-weight: 700; }
.error { color: #a72831; }
dl { display: grid; grid-template-columns: minmax(150px, .45fr) 1fr; gap: 10px 18px; }
dt { color: #587174; }
dd { margin: 0; overflow-wrap: anywhere; }
code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; }
@media (max-width: 600px) { .card { padding: 24px; } dl { grid-template-columns: 1fr; gap: 4px; } dd { margin-bottom: 12px; } }