#PreBody{
  width:100%;
  height:100vh;
  display:flex;
  justify-content:center;
  align-items:center;
  background:linear-gradient(135deg,#003d32,#028564,#00b894);
  position:fixed;
  top:0;left:0;
  z-index:999999;
}

/* ===== WRAPPER ===== */
.preloader{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:15px;
}

/* ===== GLASS CIRCLE ===== */
.loader-box{
  width:160px;
  height:160px;
  border-radius:50%;
  position:relative;
  backdrop-filter:blur(10px);
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.25);
  display:flex;
  justify-content:center;
  align-items:center;
  box-shadow:0 0 40px rgba(255,255,255,0.25);
}

/* ===== GLOW RING ===== */
.loader-box::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%;
  padding:3px;
  background:conic-gradient(
    #ffffff,
    rgba(255,255,255,0.2),
    rgba(255,255,255,0),
    #ffffff
  );
  animation:rotateGlow 2.2s linear infinite;
  filter:blur(1px);
}
@keyframes rotateGlow{to{transform:rotate(360deg)}}

/* ===== LOGO ===== */
.loader-img{
  width:130px;
  height:130px;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 0 25px rgba(0,0,0,0.45);
  border:3px solid rgba(255,255,255,0.25);
  animation:pop 0.9s ease forwards;
}
.loader-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}
@keyframes pop{
  0%{transform:scale(0.4);opacity:0}
  100%{transform:scale(1);opacity:1}
}

/* ===== BRAND TEXT ===== */
.brand-name{
  font-family:'Poppins',sans-serif;
  font-size:23px;
  font-weight:600;
  letter-spacing:0.8px;
  color:#ffffff;
}
.brand-shine{
  background:linear-gradient(90deg,#ffffff,#e3fffa,#ffffff);
  background-size:200% auto;
  -webkit-background-clip:text;
  color:transparent;
  animation:shineText 3s linear infinite;
}
@keyframes shineText{
  0%{background-position:0%}
  100%{background-position:200%}
}

/* ===== LOADING TEXT ===== */
.loading-text{
  font-size:13px;
  color:rgba(255,255,255,0.9);
  letter-spacing:1px;
}

/* RESPONSIVE */
@media(max-width:450px){
  .loader-box{width:135px;height:135px}
  .loader-img{width:110px;height:110px}
  .brand-name{font-size:18px}
}