/* ======================================================
SPLASH SCREEN
====================================================== */

#splashScreen{

  position:fixed;

  inset:0;

  background:#0f172a;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

  z-index:99999;

  transition:.4s;
}

#splashLogo{

  width:140px;

  height:140px;

  object-fit:contain;

  animation:
    pulse 2s infinite;
}

#splashTitle{

  margin-top:20px;

  color:white;

  font-size:28px;

  font-weight:bold;

  letter-spacing:1px;
}

#splashSubtitle{

  margin-top:10px;

  color:#cbd5e1;

  font-size:14px;
}

@keyframes pulse{

  0%{
    transform:scale(1);
  }

  50%{
    transform:scale(1.05);
  }

  100%{
    transform:scale(1);
  }
}

.splash-hide{

  opacity:0;

  pointer-events:none;
}