.slava-splash[hidden] { display: none; }
.slava-splash {
  position: fixed; inset: 0; z-index: 9999; display: grid; place-items: center;
  background: radial-gradient(ellipse at 50% 39%, #10346f 0, #071a3b 38%, #030b20 78%);
  color: #f7faff; text-align: center; font-family: system-ui, sans-serif;
}
.slava-splash__inner { display: flex; flex-direction: column; align-items: center; gap: 18px; padding: 24px; }
.slava-splash__cat { width: min(58vw, 220px); height: auto; filter: drop-shadow(0 12px 30px #006aff36); }
.slava-splash__name { font-size: clamp(28px, 7vw, 40px); font-weight: 750; letter-spacing: -1.5px; line-height: 1; }
.slava-splash__name span { color: #4f91ff; }
.slava-splash__spinner { width: 28px; height: 28px; margin-top: 8px; border: 3px solid #ffffff24; border-top-color: #20bcff; border-radius: 50%; animation: slava-splash-spin .8s linear infinite; }
@keyframes slava-splash-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .slava-splash__spinner { animation-duration: 2s; } }