:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #0b1220; color: #e8eefc; }
.card { width: min(720px, 92vw); padding: 28px; border-radius: 18px; background: rgba(255,255,255,0.06); box-shadow: 0 12px 40px rgba(0,0,0,0.35); }
h1 { margin: 0 0 8px; font-size: 2rem; letter-spacing: 0.2px; }
.subtitle { margin: 0 0 22px; opacity: 0.85; }
.grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.tile { padding: 16px; border-radius: 14px; background: rgba(255,255,255,0.07); text-align: center; }
.num { font-size: 2rem; font-weight: 700; line-height: 1; }
.lbl { margin-top: 8px; font-size: 0.9rem; opacity: 0.8; }
.foot { margin: 18px 0 0; opacity: 0.75; font-size: 0.95rem; }
@media (max-width: 560px) { .grid { grid-template-columns: repeat(2, 1fr); } }