:root{color:#172131;background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{display:grid;place-items:center;min-height:100svh;margin:0;padding:24px}
main{width:min(100%,42rem);text-align:center}
p{font-size:1rem;line-height:1.6}
a{display:inline-block;padding:14px 24px;border-radius:12px;background:#1456cf;color:#fff;font-weight:600;text-decoration:none}
a:focus-visible{outline:3px solid #172131;outline-offset:4px}
.spinner{width:36px;height:36px;margin:0 auto 20px;border:3px solid #e1e6ef;border-top-color:#1456cf;border-radius:50%;animation:spin .8s linear infinite}
code{display:block;padding:20px;border-radius:12px;background:#f0f4fa;font-size:.875rem;line-height:1.7;text-align:left;overflow-wrap:anywhere}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spinner{animation:none}}