:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
body { margin: 0; background: #f4f6f8; color: #1d2730; }
main { max-width: 42rem; margin: 12vh auto; padding: 2.5rem; background: #fff; border-radius: 1rem; box-shadow: 0 1rem 3rem #14202b1a; }
.eyebrow { color: #526676; font-size: .8rem; letter-spacing: .12em; text-transform: uppercase; }
h1 { margin: .25rem 0 1rem; }
section { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid #dce2e7; }
.status { display: inline-block; width: .65rem; height: .65rem; margin-right: .45rem; border-radius: 50%; background: #24945b; }
@media (prefers-color-scheme: dark) { body { background: #10161b; color: #e8edf1; } main { background: #182129; } }