/* Pre Loader by RK — loader.css v3 */
#cpl-overlay {
  position:fixed;inset:0;z-index:999999;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  overflow:visible;opacity:1;transition:opacity .7s ease;
}
#cpl-overlay.cpl-hide{opacity:0;pointer-events:none}
#cpl-overlay::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(145deg,var(--cpl-bg-start,#0d1b2a),var(--cpl-bg-end,#1b3a5c));z-index:0;
}
.cpl-bubble{position:absolute;border-radius:50%;background:rgba(255,255,255,.025);animation:cpl-rise linear infinite}
@keyframes cpl-rise{0%{transform:translateY(0) scale(1);opacity:.4}100%{transform:translateY(-100vh) scale(.2);opacity:0}}
#cpl-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:24px}
#cpl-logo-wrap{position:relative;width:500px;max-width:90vw;height:280px}
#cpl-logo-wrap svg{position:absolute;inset:0;width:100%;height:100%}
#cpl-percent{font-size:50px;font-weight:800;letter-spacing:-2px;line-height:1}
#cpl-stat-text{font-size:25px;font-weight:700;opacity:.9;text-align:center;max-width:520px;width:90vw;min-height:18px;letter-spacing:.4px;margin-top:-16px;word-wrap:break-word;white-space:normal;line-height:1.4}
#cpl-spinner-wrap{width:48px;height:48px}
.cpl-spinner-arc{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.1);border-top-color:rgba(120,210,255,.9);animation:cpl-spin .85s linear infinite}
.cpl-spinner-dots{width:48px;height:48px;position:relative;animation:cpl-spin 1.5s linear infinite}
.cpl-spinner-dots span{position:absolute;width:7px;height:7px;border-radius:50%;background:rgba(120,210,255,.9);top:50%;left:50%;transform-origin:-14px 0}
.cpl-spinner-dots span:nth-child(1){transform:rotate(0deg)   translateX(-18px);opacity:1}
.cpl-spinner-dots span:nth-child(2){transform:rotate(51deg)  translateX(-18px);opacity:.85}
.cpl-spinner-dots span:nth-child(3){transform:rotate(103deg) translateX(-18px);opacity:.7}
.cpl-spinner-dots span:nth-child(4){transform:rotate(154deg) translateX(-18px);opacity:.55}
.cpl-spinner-dots span:nth-child(5){transform:rotate(206deg) translateX(-18px);opacity:.4}
.cpl-spinner-dots span:nth-child(6){transform:rotate(257deg) translateX(-18px);opacity:.25}
.cpl-spinner-dots span:nth-child(7){transform:rotate(308deg) translateX(-18px);opacity:.1}
.cpl-spinner-pulse{width:48px;height:48px;border-radius:50%;background:rgba(120,210,255,.8);animation:cpl-pulse 1.2s ease-in-out infinite}
.cpl-spinner-ring{width:48px;height:48px;border-radius:50%;background:conic-gradient(rgba(120,210,255,.9),transparent 60%,transparent);animation:cpl-spin 1s linear infinite;mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#fff calc(100% - 3px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#fff calc(100% - 3px))}
@keyframes cpl-spin{to{transform:rotate(360deg)}}
@keyframes cpl-pulse{0%,100%{transform:scale(.6);opacity:.8}50%{transform:scale(1);opacity:.3}}

/* ── Progress bar ── */
#cpl-progress-wrap{
  position:fixed;
  top:0;left:0;
  width:100%;height:4px;
  background:rgba(255,255,255,0.15);
  z-index:1000000;
  overflow:hidden;
  opacity:1;
  transition:opacity .7s ease;
}
#cpl-progress-fill{
  height:100%;
  width:0%;
  background:linear-gradient(90deg,rgba(80,190,255,0.7),rgba(200,240,255,1),rgba(80,190,255,0.7));
  box-shadow:0 0 12px rgba(120,210,255,0.9),0 0 4px rgba(255,255,255,0.6);
}

/* ── Skip / Cancel button ── */
#cpl-skip{
  position:fixed;
  bottom:28px;right:28px;
  z-index:1000000;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.2);
  color:rgba(255,255,255,0.65);
  padding:8px 22px;
  border-radius:24px;
  cursor:pointer;
  font-size:13px;
  letter-spacing:0.5px;
  transition:background .2s,color .2s,border-color .2s;
  outline:none;
  font-family:inherit;
}
#cpl-skip:hover{
  background:rgba(255,255,255,0.16);
  color:#fff;
  border-color:rgba(255,255,255,0.4);
}