:root { color-scheme: light; font-family: system-ui, sans-serif; color: #172033; background: #f6f8fb; }
body { margin: 0; min-height: 100vh; min-height: 100dvh; display: grid; place-items: center; }
main { text-align: center; padding: 24px; max-width: 40rem; overflow-wrap: anywhere; }
h1 { font-size: 1.4rem; }
a { display: inline-block; padding: 12px 20px; color: #174ea6; }
a:focus-visible { outline: 3px solid #174ea6; outline-offset: 3px; }
.spinner { width: 36px; height: 36px; margin: auto; border: 4px solid #dce3ef; border-top-color: #174ea6; border-radius: 50%; animation: spin 1s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .spinner { animation: none; } }