/* Экран загрузки до старта JS (index.html). Тот же вид, что app/Splash. */
html,
body {
  margin: 0;
  background: #101a24;
}

.spi-boot {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  background:
    radial-gradient(900px 520px at 105% -8%, rgb(255 140 66 / 9%), transparent 62%), #101a24;
}

.spi-boot img {
  border-radius: 24px;
  box-shadow: 0 12px 32px rgb(0 0 0 / 30%);
  animation: spi-boot-breathe 1.8s ease-in-out infinite;
}

@keyframes spi-boot-breathe {
  50% {
    transform: scale(0.96);
  }
}

@media (prefers-color-scheme: light) {
  html,
  body,
  .spi-boot {
    background: #eef3f8;
  }
}

@media (prefers-reduced-motion: reduce) {
  .spi-boot img {
    animation: none;
  }
}