/* =========================================================================
   Preloader
   ========================================================================= */
.preloader{
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: var(--bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  transition: opacity .6s var(--ease), visibility .6s var(--ease);
}
.preloader.is-hidden{
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.preloader-logo{
  width: 64px; height: 64px;
  border-radius: 18px;
  object-fit: cover;
  background: #fff;
  padding: 6px;
  box-shadow: 0 0 40px var(--green-glow);
}
.preloader-bar{
  width: 200px;
  height: 3px;
  border-radius: 999px;
  background: var(--surface-strong);
  overflow: hidden;
}
.preloader-bar-fill{
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, var(--green), var(--green-2));
  border-radius: inherit;
  box-shadow: 0 0 12px var(--green-glow);
}
.preloader-text{
  font-size: .78rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--text-faint);
}