@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 700;
  src: url('/bundles/fonts/dancing-script-v28-latin-700.woff2') format('woff2');
  font-display: swap;
}

#splash-screen {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(180deg, #0d1b2a, #000814); /* updated to new dark theme gradient */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    flex-direction: column;
    color: #e0f7fa; /* light cyan text instead of pure white */
    animation: fadeOutMain 1s ease forwards;
    animation-delay: 2s;
    pointer-events: none;
}

.splash-heading {
   font-size: 3rem;
   font-weight: bold;
   display: block;
   text-shadow: 0 0 12px rgba(0, 229, 255, 0.8), 0 0 20px rgba(0, 229, 255, 0.6); /* neon cyan glow */
}

#splash-screen .splash-content {
  text-align: center;
  animation: fadeInMain 3s ease;
}

.dancing-script-splash {
  font-family: 'Dancing Script', cursive;
  font-size: 2.5rem;
  font-weight: 700;
  font-style: normal;
  color: #00e5ff; /* brand cyan */
  text-shadow: 0 0 8px rgba(0, 229, 255, 0.7);
}

.splash-content p {
  font-size: 1rem;
  color: #90a4ae; /* muted grey-blue for subtitle */
}

@keyframes fadeOutMain {
  to { opacity: 0; visibility: hidden; }
}

@keyframes fadeInMain {
  from { opacity: 0; transform: scale(0.7); }
  to   { opacity: 1; transform: scale(1.2); }
}