.app-startup {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  background: #f8f7fc;
  color: #172039;
  font: 600 16px system-ui, sans-serif;
}
.app-startup__spinner {
  width: 42px;
  height: 42px;
  border: 4px solid #e9ddff;
  border-top-color: #6d28d9;
  border-radius: 50%;
  animation: app-startup-spin .8s linear infinite;
}
@keyframes app-startup-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .app-startup__spinner { animation: none; }
}