.hub-splash {
  position: fixed; inset: 0; z-index: 99999;
  display: grid; place-items: center; align-content: center; gap: 36px;
  background: radial-gradient(ellipse at center, #102c48, #06111d 70%);
  transition: opacity 260ms ease, visibility 260ms ease;
}
.hub-splash.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; }
.hub-splash-logo {
  width: min(76vw, 620px); height: auto;
  filter: brightness(1.7) drop-shadow(0 0 35px #178fff44);
  animation: hub-reveal 900ms ease-out both;
}
.hub-splash-caption { color: #91b7d5; font: 600 12px/1.4 sans-serif; letter-spacing: .45em; text-align: center; animation: hub-reveal 900ms 200ms ease-out both; }
@keyframes hub-reveal { from { opacity: 0; transform: translateY(12px) scale(.96); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .hub-splash-logo, .hub-splash-caption { animation: none; } }