/* GoalLineExpert global premium loader CSS v1.1 */
:root{
  --gle-loader-gold:#d8bd92;
  --gle-loader-gold-2:#f3d8a7;
  --gle-loader-gold-3:#9d7a48;
  --gle-loader-bg:#050505;
  --gle-loader-panel:rgba(13,13,13,.86);
  --gle-loader-border:rgba(216,189,146,.34);
  --gle-loader-text:#f5eadc;
  --gle-loader-muted:rgba(245,234,220,.78);
}

.gle-page-loader{
  position:fixed;
  inset:0;
  z-index:2147483000;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:22px;
  box-sizing:border-box;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .26s ease, visibility .26s ease;
  font-family:inherit;
}

body.gle-loader-active{
  overflow:hidden !important;
}

body.gle-loader-active .gle-page-loader{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

.gle-loader-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 42%, rgba(216,189,146,.12), transparent 31%),
    radial-gradient(circle at 80% 10%, rgba(216,189,146,.08), transparent 24%),
    rgba(0,0,0,.68);
  backdrop-filter:blur(12px) saturate(.82) brightness(.66);
  -webkit-backdrop-filter:blur(12px) saturate(.82) brightness(.66);
}

.gle-loader-card{
  position:relative;
  width:min(720px, calc(100vw - 32px));
  min-height:330px;
  border-radius:28px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:38px 42px 44px;
  box-sizing:border-box;
  color:var(--gle-loader-text);
  background:
    radial-gradient(circle at 50% 8%, rgba(255,229,185,.10), transparent 34%),
    linear-gradient(180deg, rgba(24,24,24,.92), rgba(5,5,5,.88));
  border:1px solid var(--gle-loader-border);
  box-shadow:
    0 34px 90px rgba(0,0,0,.70),
    0 0 0 1px rgba(255,255,255,.045) inset,
    0 0 42px rgba(216,189,146,.14);
  isolation:isolate;
}

.gle-loader-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  background:
    radial-gradient(circle at 48% 22%, rgba(244,217,177,.12), transparent 31%),
    radial-gradient(circle at 5% 82%, rgba(216,160,70,.13), transparent 28%),
    radial-gradient(circle at 95% 86%, rgba(216,160,70,.13), transparent 28%);
  pointer-events:none;
}

.gle-loader-card::after{
  content:"";
  position:absolute;
  left:-8%;
  right:-8%;
  bottom:-40px;
  height:148px;
  z-index:-1;
  opacity:.95;
  background:
    radial-gradient(ellipse at 50% 100%, rgba(216,171,91,.32), transparent 58%),
    repeating-radial-gradient(ellipse at 45% 100%, rgba(216,171,91,.27) 0 1px, transparent 1px 10px);
  mask-image:linear-gradient(to top, #000 8%, rgba(0,0,0,.85) 40%, transparent 92%);
  -webkit-mask-image:linear-gradient(to top, #000 8%, rgba(0,0,0,.85) 40%, transparent 92%);
  animation:gleLoaderWave 4.6s ease-in-out infinite alternate;
}

.gle-loader-logo-wrap{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:min(360px, 74vw);
  margin:0 auto 16px;
  filter:drop-shadow(0 0 20px rgba(216,189,146,.16));
  animation:gleLoaderLogoPulse 1.85s ease-in-out infinite;
  transform-origin:center center;
  will-change:transform, filter, opacity;
}

.gle-loader-logo-wrap::after{
  content:"";
  position:absolute;
  inset:12% 18%;
  border-radius:999px;
  background:radial-gradient(circle, rgba(243,216,167,.24), transparent 62%);
  opacity:.62;
  filter:blur(18px);
  z-index:-1;
  animation:gleLoaderLogoGlow 1.85s ease-in-out infinite;
}

.gle-loader-logo{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
  user-select:none;
  -webkit-user-drag:none;
}

.gle-loader-title{
  margin-top:-4px;
  font-size:16px;
  line-height:1.2;
  color:var(--gle-loader-text);
  text-align:center;
  text-shadow:0 0 18px rgba(216,189,146,.18);
}

.gle-loader-progress-row{
  width:min(420px, 74vw);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:14px;
}

.gle-loader-progress-track{
  flex:1 1 auto;
  height:11px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.11);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 12px 28px rgba(0,0,0,.34);
}

.gle-loader-progress-bar{
  width:0%;
  height:100%;
  border-radius:inherit;
  background:
    linear-gradient(90deg, var(--gle-loader-gold-3), var(--gle-loader-gold-2), var(--gle-loader-gold));
  box-shadow:
    0 0 18px rgba(243,216,167,.40),
    0 0 34px rgba(216,189,146,.18);
  transition:width .22s ease;
}

.gle-loader-percent{
  min-width:48px;
  text-align:left;
  font-size:16px;
  font-weight:700;
  color:var(--gle-loader-text);
  font-variant-numeric:tabular-nums;
  text-shadow:0 0 16px rgba(216,189,146,.18);
}

.gle-loader-subtitle{
  margin-top:14px;
  color:var(--gle-loader-muted);
  font-size:15px;
  line-height:1.35;
  text-align:center;
}

.gle-loader-debug{
  display:none !important;
}

@keyframes gleLoaderWave{
  from{ transform:translate3d(-18px, 0, 0) scale(1.02); opacity:.72; }
  to{ transform:translate3d(18px, -6px, 0) scale(1.06); opacity:1; }
}

@keyframes gleLoaderLogoPulse{
  0%, 100%{
    transform:scale(1);
    opacity:.96;
    filter:drop-shadow(0 0 17px rgba(216,189,146,.15));
  }
  50%{
    transform:scale(1.035);
    opacity:1;
    filter:drop-shadow(0 0 30px rgba(243,216,167,.36));
  }
}

@keyframes gleLoaderLogoGlow{
  0%, 100%{ opacity:.36; transform:scale(.94); }
  50%{ opacity:.82; transform:scale(1.12); }
}

@media (max-width:640px){
  .gle-page-loader{ padding:14px; }
  .gle-loader-card{
    width:min(440px, calc(100vw - 24px));
    min-height:360px;
    border-radius:24px;
    padding:32px 22px 38px;
  }
  .gle-loader-logo-wrap{ width:min(290px, 76vw); margin-bottom:12px; }
  .gle-loader-progress-row{ width:min(330px, 76vw); gap:10px; }
  .gle-loader-percent{ min-width:43px; font-size:15px; }
  .gle-loader-subtitle{ font-size:14px; max-width:290px; }
}

@media (prefers-reduced-motion:reduce){
  .gle-loader-card::after,
  .gle-loader-logo-wrap,
  .gle-loader-logo-wrap::after{
    animation:none;
  }
  .gle-loader-progress-bar{ transition:none; }
  .gle-page-loader{ transition:none; }
}