:root { color-scheme: light; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; padding: 2rem; background: #f4f7fb; color: #14213d; font-family: Arial, Helvetica, sans-serif; }
main { width: min(100%, 42rem); text-align: center; padding: 3.25rem 2.5rem; background: #fff; border: 1px solid #dce5f2; border-radius: 1rem; box-shadow: 0 1.25rem 3.75rem rgba(14, 38, 85, .10); }
.brand { display: block; width: min(100%, 20rem); height: auto; margin: 0 auto 2.5rem; }
.eyebrow { margin: 0 0 .75rem; color: #274b9f; font-weight: 700; font-size: .9rem; letter-spacing: .1em; text-transform: uppercase; }
h1 { margin: 0; color: #0d2d78; font-size: clamp(1.65rem, 4vw, 2.3rem); line-height: 1.2; }
p { max-width: 34rem; margin: 1.25rem auto 0; color: #40516f; font-size: 1.05rem; line-height: 1.65; }
.status { display: inline-flex; align-items: center; gap: .55rem; margin-top: 2rem; padding: .65rem 1rem; border-radius: 999px; background: #eef7f1; color: #17643a; font-size: .92rem; font-weight: 700; }
.status::before { content: ""; width: .6rem; height: .6rem; border-radius: 50%; background: #22a55a; }