:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: #172033;
  background: #f4f7fb;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; }
.shell { min-height: 100vh; display: grid; place-items: center; padding: 32px; }
.card { width: min(560px, 100%); padding: 46px; border: 1px solid #dde5f0; border-radius: 24px; background: #fff; box-shadow: 0 24px 70px rgba(28, 45, 74, .10); }
.mark { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; color: #fff; background: #2856d8; font-weight: 750; font-size: 22px; }
.eyebrow { margin: 24px 0 8px; color: #62708a; font-size: 13px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
h1 { margin: 0; font-size: clamp(30px, 7vw, 46px); line-height: 1.08; letter-spacing: -.04em; }
.copy { margin: 18px 0 30px; color: #617089; font-size: 17px; line-height: 1.65; }
.status { display: flex; align-items: center; gap: 11px; padding: 14px 16px; border-radius: 12px; color: #19603e; background: #eefaf3; }
.status span { width: 10px; height: 10px; border-radius: 50%; background: #27ad6b; box-shadow: 0 0 0 5px rgba(39, 173, 107, .12); }
.meta { margin: 16px 2px 0; color: #8b96a9; font-size: 13px; }
@media (max-width: 560px) { .card { padding: 32px 25px; border-radius: 18px; } }