:root { color-scheme: light dark; }
body { font-family: system-ui, sans-serif; margin: 0; background: #f4f6f8; color: #1c2733; }
.topbar { display: flex; justify-content: space-between; padding: 12px 20px; background: #1c2733; color: #fff; }
.badge { font-size: 12px; opacity: .8; }
main { max-width: 720px; margin: 40px auto; padding: 0 16px; }
.hero { background: #fff; border-radius: 12px; padding: 24px; box-shadow: 0 1px 4px rgb(0 0 0 / .1); }