/* =========================================================
   PAGE LOADER — Instant Display (no fade delay)
========================================================= */

#page-loader{
  position:fixed;
  inset:0;
  z-index:999999;

  display:flex;
  align-items:center;
  justify-content:center;

  background:
    linear-gradient(
      135deg,
      rgba(6,12,28,0.92),
      rgba(10,20,45,0.92)
    );

  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);

  opacity:0;
  visibility:hidden;

  /* Eliminăm tranzițiile lente pentru afișare instant */
  transition:none !important;
}

/* ACTIVE — loader instant */
#page-loader.active{
  opacity:1;
  visibility:visible;
}

/* =========================================================
   LOADER BOX
========================================================= */

.loader-box{
  position:relative;
  width:140px;
  height:140px;

  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
}

/* =========================================================
   RING
========================================================= */

.loader-ring{
  position:absolute;
  width:120px;
  height:120px;

  border-radius:50%;
  border:2px solid rgba(255,255,255,0.08);

  border-top-color:#78c8ff;
  border-right-color:#b8a9ff;

  animation:loaderSpin 1s linear infinite;

  box-shadow:
    0 0 30px rgba(120,200,255,0.12),
    0 0 60px rgba(120,200,255,0.08);
}

@keyframes loaderSpin{
  to{
    transform:rotate(360deg);
  }
}

/* =========================================================
   LOGO
========================================================= */

.loader-logo{
  position:relative;
  z-index:2;

  width:62px;
  height:62px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:18px;

  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.12);

  color:#ffffff;
  font-size:20px;
  font-weight:700;
  letter-spacing:.05em;

  backdrop-filter:blur(12px);
}

/* =========================================================
   TEXT
========================================================= */

.loader-text{
  margin-top:18px;

  font-size:13px;
  font-weight:500;

  color:rgba(255,255,255,0.75);
  letter-spacing:.04em;

  animation:pulseText 1.4s ease infinite;
}

@keyframes pulseText{
  0%,100%{
    opacity:.5;
  }
  50%{
    opacity:1;
  }
}

/* Eliminăm complet ascunderea automată bazată pe html.loaded */
html.loaded #page-loader{
  opacity:0;
  visibility:hidden;
}