/* Final login-only responsive layer. Loaded after xk-login-v58.css. */
#frontLoginCard.xk-login-v58-page{
  --xk-adaptive-card-width:clamp(410px,21.36vw,840px);
  --xk-adaptive-card-x:clamp(30px,1.55vw,66px);
  --xk-adaptive-card-y:clamp(28px,1.46vw,62px);
  --xk-adaptive-field-h:clamp(46px,2.4vw,92px);
  --xk-adaptive-button-h:clamp(48px,2.5vw,96px);
  --xk-adaptive-icon-col:clamp(26px,1.36vw,52px);
  --xk-adaptive-eye-col:clamp(34px,1.78vw,68px);
  --xk-adaptive-title:clamp(56px,3.86vw,148px);
  --xk-adaptive-title-space:clamp(9px,.48vw,18px);
  --xk-adaptive-stage-top:clamp(150px,17.8vh,430px);
}

#frontLoginCard.xk-login-v58-page .xk-brand-stage{
  top:var(--xk-adaptive-stage-top)!important;
  width:clamp(860px,45vw,1320px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-title-orbit-svg{
  top:calc(-1 * clamp(28px,1.46vw,54px))!important;
  width:clamp(860px,48vw,1420px)!important;
  height:clamp(180px,9.4vw,320px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-brand-title{
  font-size:var(--xk-adaptive-title)!important;
  letter-spacing:var(--xk-adaptive-title-space)!important;
}

#frontLoginCard.xk-login-v58-page .xk-brand-slogan{
  margin-top:clamp(10px,.72vw,24px)!important;
  font-size:clamp(14px,.94vw,34px)!important;
  letter-spacing:clamp(6px,.42vw,18px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-brand-pills{
  margin-top:clamp(12px,.8vw,28px)!important;
  padding:clamp(7px,.44vw,17px) clamp(21px,1.22vw,48px)!important;
  gap:clamp(12px,.7vw,26px)!important;
  font-size:clamp(11px,.57vw,20px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-brand-pills i{
  width:clamp(3px,.18vw,6px)!important;
  height:clamp(3px,.18vw,6px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-login-card{
  top:calc(50% + clamp(0px,1.38vh,30px))!important;
  width:var(--xk-adaptive-card-width)!important;
  padding:var(--xk-adaptive-card-y) var(--xk-adaptive-card-x)!important;
  border-radius:clamp(30px,1.8vw,48px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-login-mark{
  gap:clamp(12px,.72vw,24px)!important;
  margin:0 0 clamp(28px,1.55vw,52px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-login-mark .login-logo{
  width:clamp(46px,2.4vw,92px)!important;
  height:clamp(46px,2.4vw,92px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-login-mark strong{
  font-size:clamp(18px,.94vw,36px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-login-form{
  gap:clamp(15px,.84vw,28px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-login-field{
  gap:clamp(8px,.47vw,16px)!important;
  font-size:clamp(13px,.68vw,22px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-input-shell{
  height:var(--xk-adaptive-field-h)!important;
  border-radius:clamp(15px,.86vw,26px)!important;
  padding:0 clamp(12px,.73vw,24px)!important;
  grid-template-columns:var(--xk-adaptive-icon-col) 1fr!important;
}

#frontLoginCard.xk-login-v58-page .xk-password-shell{
  grid-template-columns:var(--xk-adaptive-icon-col) 1fr var(--xk-adaptive-eye-col)!important;
}

#frontLoginCard.xk-login-v58-page .xk-input-shell input{
  font-size:clamp(14px,.73vw,24px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-input-icon{
  width:clamp(17px,.9vw,34px)!important;
  height:clamp(17px,.9vw,34px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-eye-btn{
  width:clamp(30px,1.58vw,60px)!important;
  height:clamp(30px,1.58vw,60px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-eye-btn svg{
  width:clamp(18px,.96vw,36px)!important;
  height:clamp(18px,.96vw,36px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-remember-line{
  gap:clamp(8px,.48vw,16px)!important;
  font-size:clamp(13px,.68vw,22px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-remember-line input{
  width:clamp(14px,.78vw,26px)!important;
  height:clamp(14px,.78vw,26px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-login-submit{
  height:var(--xk-adaptive-button-h)!important;
  border-radius:clamp(13px,.82vw,26px)!important;
  font-size:clamp(15px,.82vw,28px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-login-bg{
  pointer-events:auto!important;
}

#frontLoginCard.xk-login-v58-page .xk-rise-star{
  pointer-events:auto!important;
  z-index:2!important;
  cursor:default!important;
}

#frontLoginCard.xk-login-v58-page .xk-rise-star::before,
#frontLoginCard.xk-login-v58-page .xk-rise-star::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  pointer-events:none!important;
  opacity:0!important;
  transform:translate(-50%,-50%) scale(.45)!important;
  transition:opacity .18s ease,transform .18s ease,filter .18s ease!important;
}

#frontLoginCard.xk-login-v58-page .xk-rise-star::before{
  width:clamp(96px,6.4vw,190px)!important;
  height:clamp(96px,6.4vw,190px)!important;
  border-radius:999px!important;
  background:radial-gradient(circle,rgba(255,255,255,.22) 0%,rgba(255,255,255,.15) 24%,rgba(42,217,207,.12) 45%,rgba(42,217,207,.04) 62%,rgba(42,217,207,0) 76%)!important;
  filter:blur(10px)!important;
}

#frontLoginCard.xk-login-v58-page .xk-rise-star::after{
  width:clamp(54px,3.8vw,118px)!important;
  height:clamp(54px,3.8vw,118px)!important;
  background:url("/logo.png") center/contain no-repeat!important;
  filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.72)) drop-shadow(0 0 28px rgba(42,217,207,.30))!important;
}

#frontLoginCard.xk-login-v58-page .xk-rise-star:hover,
#frontLoginCard.xk-login-v58-page .xk-rise-star.is-logo{
  opacity:1!important;
  animation-play-state:paused!important;
}

#frontLoginCard.xk-login-v58-page .xk-rise-star:hover::before,
#frontLoginCard.xk-login-v58-page .xk-rise-star.is-logo::before{
  opacity:.72!important;
  transform:translate(-50%,-50%) scale(1)!important;
}

#frontLoginCard.xk-login-v58-page .xk-rise-star:hover::after,
#frontLoginCard.xk-login-v58-page .xk-rise-star.is-logo::after{
  opacity:.92!important;
  transform:translate(-50%,-50%) scale(1)!important;
}

@media(max-height:820px){
  #frontLoginCard.xk-login-v58-page{
    --xk-adaptive-card-width:min(410px,92vw);
    --xk-adaptive-field-h:46px;
    --xk-adaptive-button-h:48px;
  }

  #frontLoginCard.xk-login-v58-page .xk-brand-stage{
    top:clamp(22px,4.5vh,44px)!important;
  }

  #frontLoginCard.xk-login-v58-page .xk-brand-title{
    font-size:clamp(42px,5.4vh,54px)!important;
    letter-spacing:6px!important;
  }

  #frontLoginCard.xk-login-v58-page .xk-brand-slogan{
    font-size:13px!important;
    margin-top:8px!important;
    letter-spacing:4px!important;
  }

  #frontLoginCard.xk-login-v58-page .xk-brand-pills{
    margin-top:10px!important;
    padding:6px 16px!important;
    font-size:11px!important;
  }

  #frontLoginCard.xk-login-v58-page .xk-login-card{
    top:54%!important;
    padding:28px 30px 26px!important;
  }
}

@media(max-width:760px){
  #frontLoginCard.xk-login-v58-page .xk-brand-stage{
    top:24px!important;
    width:94vw!important;
  }

  #frontLoginCard.xk-login-v58-page .xk-title-orbit-svg{
    display:none!important;
  }

  #frontLoginCard.xk-login-v58-page .xk-brand-title{
    font-size:42px!important;
    letter-spacing:5px!important;
  }

  #frontLoginCard.xk-login-v58-page .xk-brand-slogan{
    letter-spacing:3px!important;
    font-size:14px!important;
  }

  #frontLoginCard.xk-login-v58-page .xk-login-card{
    width:min(380px,92vw)!important;
  }
}

/* V204: user-confirmed login cleanup. */
#frontLoginCard.xk-login-v58-page .xk-brand-pills{
  display:none!important;
}