/* CSP-compatible first-frame styles; the main stylesheet loads without blocking this screen. */
[hidden] { display: none !important; }
html, body { margin: 0; min-height: 100%; background: #F5F8FF; }
.auth-startup {
  box-sizing: border-box; min-height: 100vh; min-height: 100dvh;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 28px; padding: 24px; background: #F5F8FF; color: #13254A;
  font: 16px/1.5 system-ui, -apple-system, sans-serif;
}
.auth-startup img { display: block; width: min(280px, 80vw); height: auto; }
.auth-spinner { width: 22px; height: 22px; border: 3px solid #DCE5F2; border-top-color: #0057B7;
  border-right-color: #FFD700; border-radius: 50%; animation: auth-spin .9s linear infinite; }
#auth-check-error { width: min(360px, 100%); text-align: center; overflow-wrap: anywhere; }
#auth-check-retry { min-height: 44px; padding: 10px 18px; border: 1px solid #DCE5F2; border-radius: 8px;
  background: #FFD700; color: #13254A; font: inherit; cursor: pointer; }
#auth-check-retry:focus-visible { outline: 3px solid #0057B7; outline-offset: 3px; }
@keyframes auth-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .auth-spinner { animation: none; } }