body{margin:0;min-height:100vh;display:grid;place-items:center;font-family:system-ui,sans-serif;background:#f5f6f8;color:#1d2433}
.demo-card{max-width:32rem;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 24px rgba(0,0,0,.08);text-align:center}
.demo-card h1{margin:0 0 1rem;font-size:1.5rem}.demo-card p{margin:.5rem 0}progress{width:100%;margin-top:1rem}
@media (prefers-color-scheme:dark){body{background:#12151c;color:#e6e8ee}.demo-card{background:#1b1f29}}