:root { color-scheme: dark; }
body { margin:0; font-family: system-ui, sans-serif; background:#0b1020; color:#e7ecf5; }
header { padding:2.5rem 1.5rem 1rem; text-align:center; }
header h1 { margin:0; font-size:1.75rem; letter-spacing:.02em; }
header p { color:#8ea0c0; margin:.5rem 0 0; }
.grid { display:grid; gap:1rem; grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
        max-width:980px; margin:2rem auto; padding:0 1.5rem; }
.stat { background:#141b33; border:1px solid #233153; border-radius:14px; padding:1.5rem; }
.stat .num { font-size:2.2rem; font-weight:700; color:#5fd0ff; }
.stat .label { color:#9fb0cf; margin-top:.35rem; font-size:.9rem; }
.cta { text-align:center; margin:1rem 0 3rem; }
.cta a { display:inline-block; background:#2563eb; color:#fff; text-decoration:none;
         padding:.75rem 1.5rem; border-radius:10px; font-weight:600; }
footer { text-align:center; color:#6b7a99; font-size:.8rem; padding:0 1.5rem 2rem; }
.stale { color:#f0b54a; }