:root{font-family:system-ui,sans-serif;color-scheme:light dark;background:#f5f7fa;color:#293241}
*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}
main{max-width:30rem;text-align:center;line-height:1.6}
.progress{width:28px;height:28px;margin:auto;border:3px solid #d3dae4;border-top-color:#315fc5;border-radius:50%;animation:spin 1s linear infinite}
button{border:0;border-radius:8px;padding:12px 24px;background:#315fc5;color:#fff;font:inherit;cursor:pointer}
button:focus-visible{outline:3px solid #315fc5;outline-offset:4px}
body[data-bootstrap-state=failed] .progress{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.progress{animation:none}}
@media(prefers-color-scheme:dark){:root{background:#151b25;color:#e6eaf1}}