.kgld{--altin:#c9a43a;
  position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;
  background:#fff;
  transition:transform .9s cubic-bezier(.76,0,.24,1);
  animation:kgldSafety 0s linear 3s forwards}
.kgld[hidden]{display:none}
.kgld.is-out{transform:translateY(-100%)}
.kgld.is-out .kgld-in{opacity:0;transform:translateY(-14px);transition:opacity .35s ease,transform .35s ease}
@keyframes kgldSafety{to{opacity:0;visibility:hidden}}

.kgld-in{display:flex;flex-direction:column;align-items:center;gap:28px;padding:0 24px;
  animation:kgldIn .7s cubic-bezier(.16,1,.3,1) both}
@keyframes kgldIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.kgld-cizgi{position:relative;width:160px;height:2px;border-radius:2px;background:rgba(201,164,58,.18);overflow:hidden}
.kgld-cizgi::after{content:"";position:absolute;inset:0;width:40%;border-radius:2px;background:var(--altin);
  animation:kgldKay 1.2s cubic-bezier(.45,0,.55,1) infinite}
@keyframes kgldKay{from{transform:translateX(-100%)}to{transform:translateX(250%)}}

@media(max-width:480px){.kgld .kgm{--kgm-boy:48px!important}}

html.kgld-lock,html.kgld-lock body{overflow:hidden}

@media(prefers-reduced-motion:reduce){
  .kgld{transition:opacity .4s ease}
  .kgld.is-out{transform:none;opacity:0}
  .kgld-in{animation:none}
  .kgld-cizgi::after{animation-duration:2.4s}
}