/* initial-loader.css — pre-React loading shell.
 *
 * Lives in /public so it can be referenced from index.html via a static
 * <link rel="stylesheet"> tag and stay outside the SPA bundle. The
 * stylesheet is intentionally tiny (only the keyframes + container
 * layout) so the user sees a spinner the moment the document parses.
 *
 * Why a separate file? CSP — the production policy disallows
 * 'unsafe-inline' for scripts and we keep style-src tight. Inline
 * <style>@keyframes</style> blocks get tripped by strict-origin
 * style-src tooling; an external stylesheet is the cleanest fix.
 */

#initial-loader {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0f172a;
}

#initial-loader .il-center {
  text-align: center;
}

#initial-loader .il-spinner {
  width: 2rem;
  height: 2rem;
  border: 3px solid rgba(255, 255, 255, 0.15);
  border-top-color: #60a5fa;
  border-radius: 50%;
  margin: 0 auto;
  animation: il-spin 0.8s linear infinite;
}

@keyframes il-spin {
  to {
    transform: rotate(360deg);
  }
}