/* BPR Penataran - Loading Logo Only */
#bprInitialLoader{
  position:fixed;
  inset:0;
  z-index:999999;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 45%,rgba(28,111,204,.26),transparent 35%),
    linear-gradient(145deg,#031a3a 0%,#062757 58%,#041b3b 100%);
  opacity:1;
  visibility:visible;
  transition:opacity .42s ease,visibility .42s ease;
}

#bprInitialLoader.is-leaving{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.bpr-loader-inner{
  width:min(86vw,420px);
  text-align:center;
  transform:translateY(-8px);
}

.bpr-loader-logo-wrap{
  width:min(290px,70vw);
  height:130px;
  margin:0 auto 30px;
  display:flex;
  align-items:center;
  justify-content:center;
  animation:bprLogoReveal .75s cubic-bezier(.22,.76,.28,1) both;
}

.bpr-loader-logo{
  display:none;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 9px 20px rgba(0,0,0,.20));
}

.bpr-loader-track{
  position:relative;
  width:min(240px,62vw);
  height:3px;
  margin:0 auto;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.18);
}

.bpr-loader-line{
  position:absolute;
  inset:0 auto 0 0;
  width:42%;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(255,255,255,.06),#fff,rgba(255,255,255,.16));
  animation:bprLoaderLine .95s ease-in-out infinite;
}

@keyframes bprLogoReveal{
  from{opacity:0;transform:scale(.88) translateY(8px)}
  to{opacity:1;transform:scale(1) translateY(0)}
}

@keyframes bprLoaderLine{
  0%{left:-46%}
  55%{left:48%}
  100%{left:110%}
}

@media (max-width:600px){
  .bpr-loader-logo-wrap{
    width:min(250px,72vw);
    height:110px;
    margin-bottom:26px;
  }
}

@media (prefers-reduced-motion: reduce){
  .bpr-loader-logo-wrap,.bpr-loader-line{
    animation:none!important;
    opacity:1;
    transform:none;
  }
}