/* =========================================================
   V58 目标页适配版动态登录页
   说明：
   - 只作用于 #frontLoginCard.xk-login-v58-page；
   - 保留原系统真实登录表单 ID；
   - 不改主程序业务页面。
   ========================================================= */

:root{
  --xk-login-teal:#0b7a75;
  --xk-login-teal-2:#18b7ad;
  --xk-login-ink:#102033;
  --xk-login-muted:#687987;
  --xk-login-mx:50vw;
  --xk-login-my:50vh;
  --xk-login-gx:50%;
  --xk-login-gy:50%;
}

/* 登录页时隐藏顶部系统栏 */
body.auth-pending,
body.is-login-view{
  background:#eafafa!important;
}
body.auth-pending .quote-header,
body.is-login-view .quote-header{
  display:none!important;
}

#frontLoginCard.xk-login-v58-page{
  position:relative!important;
  width:100vw!important;
  height:100vh!important;
  min-height:100vh!important;
  overflow:hidden!important;
  padding:0!important;
  display:block!important;
  background:
    radial-gradient(760px 460px at 50% 15%,rgba(255,255,255,.92),rgba(255,255,255,0) 66%),
    linear-gradient(180deg,#f6ffff 0%,#eafbfb 45%,#d9f6f5 100%)!important;
  isolation:isolate!important;
}

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

.xk-login-bg{
  position:absolute;
  inset:0;
  overflow:hidden;
  z-index:0;
  pointer-events:none;
}
.xk-login-bg-gradient{
  position:absolute;
  inset:-10%;
  background:
    radial-gradient(720px 460px at 50% 20%,rgba(23,184,174,.22),transparent 68%),
    radial-gradient(620px 500px at 12% 55%,rgba(21,183,173,.18),transparent 70%),
    radial-gradient(700px 520px at 88% 62%,rgba(12,133,127,.15),transparent 72%);
  filter:blur(4px);
  opacity:.92;
  animation:xkLoginBgFloat 10s ease-in-out infinite alternate;
}
@keyframes xkLoginBgFloat{
  0%{transform:translate3d(-1.8%,-1.2%,0) scale(1.02)}
  50%{transform:translate3d(1.1%,.8%,0) scale(1.045)}
  100%{transform:translate3d(2.2%,1.5%,0) scale(1.025)}
}

/* 鼠标跟随高斯点阵 */
.xk-login-mouse-dots{
  position:absolute;
  inset:0;
  opacity:0;
  pointer-events:none;
  background-image:radial-gradient(circle,rgba(11,122,117,.28) 1.25px,transparent 2.1px);
  background-size:14px 14px;
  filter:blur(1.8px);
  mask-image:radial-gradient(520px 390px at var(--xk-login-mx) var(--xk-login-my),rgba(0,0,0,.85) 0%,rgba(0,0,0,.52) 42%,rgba(0,0,0,.18) 68%,transparent 88%);
  -webkit-mask-image:radial-gradient(520px 390px at var(--xk-login-mx) var(--xk-login-my),rgba(0,0,0,.85) 0%,rgba(0,0,0,.52) 42%,rgba(0,0,0,.18) 68%,transparent 88%);
  transition:opacity .55s ease, filter .55s ease;
  animation:xkLoginDotsBreath 3.2s ease-in-out infinite alternate;
}
body.xk-login-mouse-active .xk-login-mouse-dots{opacity:.42}
@keyframes xkLoginDotsBreath{
  0%{transform:scale(1)}
  100%{transform:scale(1.01)}
}

/* 底部飘动斜线 */
.xk-login-flow-lines{
  position:absolute;
  left:-12%;
  right:-12%;
  bottom:-2%;
  height:38vh;
  opacity:.46;
  transform:skewY(-9deg);
  background:
    repeating-linear-gradient(170deg,rgba(255,255,255,.72) 0 1px,transparent 1px 17px),
    repeating-linear-gradient(170deg,rgba(11,122,117,.13) 0 1px,transparent 1px 34px);
  mask-image:linear-gradient(180deg,transparent 0%,black 12%,black 78%,transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,black 12%,black 78%,transparent 100%);
  animation:xkLoginLineDrift 9s linear infinite;
}
.xk-login-flow-lines.flow-b{
  bottom:-10%;
  opacity:.22;
  animation-duration:14s;
  transform:skewY(-9deg) scale(1.08);
}
@keyframes xkLoginLineDrift{
  0%{background-position:0 0,0 0;transform:translate3d(-1.5%,0,0) skewY(-9deg)}
  100%{background-position:120px 0,220px 0;transform:translate3d(1.5%,-2%,0) skewY(-9deg)}
}

/* 浮动光斑 */
.xk-float-orb{
  position:absolute;
  width:54px;
  height:54px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.62),rgba(41,194,184,.22) 45%,rgba(11,122,117,.08) 70%,transparent 100%);
  box-shadow:0 0 30px rgba(11,122,117,.12);
  opacity:0;
  filter:blur(.4px);
  animation:xkLoginOrbRise 9s ease-in-out infinite;
}
.xk-float-orb.orb-1{left:11%;top:58%;animation-delay:.1s}
.xk-float-orb.orb-2{left:48%;top:42%;width:44px;height:44px;animation-delay:1.1s}
.xk-float-orb.orb-3{right:20%;top:58%;width:62px;height:62px;animation-delay:2.2s}
.xk-float-orb.orb-4{right:27%;top:27%;width:50px;height:50px;animation-delay:3.1s}
.xk-float-orb.orb-5{left:22%;top:78%;width:46px;height:46px;animation-delay:4.2s}
.xk-float-orb.orb-6{left:72%;top:74%;width:40px;height:40px;animation-delay:5.4s}
@keyframes xkLoginOrbRise{
  0%{opacity:0;transform:translateY(46px) scale(.78)}
  18%{opacity:.38}
  58%{opacity:.24}
  100%{opacity:0;transform:translateY(-82px) scale(1.12)}
}
.xk-glow-star{
  position:absolute;
  width:6px;
  height:6px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 14px rgba(255,255,255,.98),0 0 26px rgba(23,184,174,.45);
  animation:xkLoginStarTwinkle 2.6s ease-in-out infinite alternate;
}
.xk-glow-star.star-1{left:20%;top:70%;animation-delay:.3s}
.xk-glow-star.star-2{right:30%;top:34%;animation-delay:1s}
.xk-glow-star.star-3{left:58%;top:23%;animation-delay:1.7s}
@keyframes xkLoginStarTwinkle{
  from{opacity:.15;transform:scale(.7)}
  to{opacity:.9;transform:scale(1.25)}
}

/* 标题区域 */
.xk-brand-stage{
  position:absolute;
  left:50%;
  top:calc(50% - 392px);
  z-index:4;
  width:min(880px,94vw);
  text-align:center;
  transform:translateX(-50%);
  pointer-events:none;
  user-select:none;
}
.xk-brand-title{
  position:relative;
  z-index:3;
  margin:0;
  font-size:clamp(58px,5.7vw,86px);
  line-height:1;
  letter-spacing:10px;
  font-weight:950;
  color:transparent;
  background:
    radial-gradient(circle at var(--xk-login-gx) var(--xk-login-gy),
      rgba(255,255,255,.98) 0%,
      rgba(142,248,240,.86) 10%,
      rgba(65,216,207,.38) 22%,
      rgba(65,216,207,0) 38%),
    linear-gradient(120deg,#07887e 0%,#22c8be 46%,#087269 100%);
  background-size:180% 180%,100% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:
    0 5px 0 rgba(5,122,116,.12),
    0 18px 36px rgba(11,122,117,.24);
  animation:xkLoginTitleGlow 5.5s ease-in-out infinite alternate;
}
@keyframes xkLoginTitleGlow{
  0%{filter:drop-shadow(0 7px 10px rgba(11,122,117,.20))}
  100%{filter:drop-shadow(0 12px 17px rgba(11,122,117,.30))}
}
.xk-brand-slogan{
  position:relative;
  z-index:4;
  margin:10px 0 0;
  color:rgba(53,64,80,.74);
  font-size:clamp(14px,1.18vw,18px);
  line-height:1.2;
  letter-spacing:8px;
  font-weight:600;
  text-shadow:
    0 1px 12px rgba(255,255,255,.96),
    0 0 1px rgba(255,255,255,.98);
}
.xk-brand-pills{
  position:relative;
  z-index:4;
  display:inline-flex;
  align-items:center;
  gap:12px;
  margin-top:10px;
  padding:7px 21px;
  border-radius:999px;
  background:rgba(255,255,255,.64);
  border:1px solid rgba(255,255,255,.80);
  box-shadow:
    0 8px 24px rgba(11,122,117,.055),
    inset 0 1px 0 rgba(255,255,255,.82);
  color:rgba(68,84,96,.78);
  font-size:11px;
  font-weight:850;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.xk-brand-pills i{
  display:block;
  width:3px;
  height:3px;
  border-radius:999px;
  background:rgba(11,122,117,.32);
}

/* 文字轨道 */
.xk-title-orbit-svg{
  position:absolute;
  left:50%;
  top:-36px;
  width:min(900px,96vw);
  height:220px;
  transform:translateX(-50%);
  overflow:visible;
  z-index:1;
  pointer-events:none;
  opacity:.86;
}
.xk-orbit-line{
  fill:none;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.xk-orbit-base-main{
  stroke:url(#xkOrbitFineMain);
  stroke-width:1.05;
  opacity:.70;
  filter:drop-shadow(0 0 6px rgba(23,184,174,.10));
}
.xk-orbit-base-soft{
  stroke:url(#xkOrbitFineSoft);
  stroke-width:.85;
  opacity:.52;
}
.xk-orbit-frag{
  opacity:.42;
  filter:drop-shadow(0 0 8px rgba(23,184,174,.13));
  animation:xkOrbitFineFlow 12s linear infinite;
}
.xk-orbit-frag-a{
  stroke:rgba(22,190,181,.22);
  stroke-width:1.55;
  stroke-dasharray:92 138 38 180 120 160;
}
.xk-orbit-frag-b{
  stroke:rgba(255,255,255,.34);
  stroke-width:1.2;
  stroke-dasharray:40 180 150 120 52 210;
  animation-duration:16s;
  animation-direction:reverse;
  opacity:.34;
}
.xk-orbit-frag-c{
  stroke:rgba(11,122,117,.14);
  stroke-width:1.1;
  stroke-dasharray:130 160 36 130 70 190;
  animation-duration:18s;
  opacity:.32;
}
@keyframes xkOrbitFineFlow{
  from{stroke-dashoffset:0}
  to{stroke-dashoffset:-760}
}
.xk-orbit-planet-main{
  fill:#22c8be;
  opacity:.76;
  filter:
    drop-shadow(0 0 8px rgba(23,184,174,.62))
    drop-shadow(0 0 18px rgba(23,184,174,.24));
}
.xk-orbit-planet-mini{
  fill:rgba(255,255,255,.92);
  opacity:.68;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.78));
}
.xk-orbit-spark{
  fill:#42d8cf;
  opacity:.62;
  filter:drop-shadow(0 0 12px rgba(23,184,174,.75));
  animation:xkOrbitSparkPulse 1.9s ease-in-out infinite alternate;
}
.xk-orbit-spark-left{animation-delay:.8s}
@keyframes xkOrbitSparkPulse{
  from{opacity:.35;transform:scale(.8)}
  to{opacity:.88;transform:scale(1.25)}
}

/* iOS 毛玻璃登录框 */
.xk-login-card{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:50%!important;
  width:min(410px,92vw)!important;
  padding:30px 30px 28px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:30px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.56),rgba(255,255,255,.30) 48%,rgba(238,255,253,.24))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 34px 96px rgba(15,23,42,.15),
    0 10px 32px rgba(11,122,117,.075),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,255,255,.34),
    inset 0 0 0 1px rgba(255,255,255,.16)!important;
  backdrop-filter:blur(34px) saturate(168%) brightness(1.06)!important;
  -webkit-backdrop-filter:blur(34px) saturate(168%) brightness(1.06)!important;
  overflow:hidden!important;
}
.xk-login-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    radial-gradient(560px 260px at 12% -8%,rgba(255,255,255,.86),rgba(255,255,255,.22) 38%,transparent 68%),
    radial-gradient(420px 220px at 88% 18%,rgba(218,255,251,.38),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.04) 46%,rgba(255,255,255,.22))!important;
  opacity:.88!important;
}
.xk-login-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(120deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,.20) 62%,rgba(255,255,255,0) 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px)!important;
  opacity:.62!important;
}
.xk-login-mark,
.xk-login-form{
  position:relative!important;
  z-index:1!important;
}
.xk-login-mark{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:28px!important;
  color:#0b7a75!important;
}
.xk-login-mark .login-logo{
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
}
.xk-login-mark strong{
  color:#0b7a75!important;
  font-size:18px!important;
  font-weight:900!important;
  text-shadow:0 1px 10px rgba(255,255,255,.90)!important;
}

.xk-login-form{
  display:grid!important;
  gap:15px!important;
}
.xk-login-field{
  display:grid!important;
  gap:8px!important;
  color:#27364a!important;
  font-size:13px!important;
  font-weight:900!important;
  text-shadow:0 1px 10px rgba(255,255,255,.90)!important;
}
.xk-field-label{
  display:block!important;
}
.xk-input-shell{
  display:grid!important;
  grid-template-columns:26px 1fr!important;
  align-items:center!important;
  height:46px!important;
  border-radius:15px!important;
  padding:0 12px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.54),rgba(255,255,255,.30))!important;
  border:1px solid rgba(255,255,255,.64)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(255,255,255,.28),
    0 10px 26px rgba(11,122,117,.035)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
}
.xk-password-shell{
  grid-template-columns:26px 1fr 34px!important;
  position:relative!important;
}
.xk-input-shell:focus-within{
  background:
    linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.46))!important;
  border-color:rgba(36,194,184,.45)!important;
  box-shadow:
    0 0 0 5px rgba(25,190,181,.085),
    inset 0 1px 0 rgba(255,255,255,.96),
    0 14px 34px rgba(11,122,117,.06)!important;
}
.xk-input-icon{
  width:17px!important;
  height:17px!important;
  color:rgba(62,78,92,.58)!important;
}
.xk-input-shell input{
  width:100%!important;
  height:100%!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#102033!important;
  font-size:14px!important;
  padding:0!important;
}
.xk-input-shell input::placeholder{
  color:rgba(80,96,110,.55)!important;
}

/* 使用目标登录页的 SVG 眼睛图标 */
.xk-eye-btn{
  position:static!important;
  transform:none!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:rgba(62,78,92,.58)!important;
  cursor:pointer!important;
  padding:0!important;
}
.xk-eye-btn svg{
  width:18px!important;
  height:18px!important;
}
.xk-eye-close{
  display:none!important;
}
.xk-eye-btn.is-visible .xk-eye-open{
  display:none!important;
}
.xk-eye-btn.is-visible .xk-eye-close{
  display:block!important;
}
.xk-eye-btn:hover{
  background:rgba(11,122,117,.07)!important;
  color:#0b7a75!important;
}

.xk-remember-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#526273!important;
  font-size:13px!important;
  font-weight:500!important;
}
.xk-remember-line input{
  width:14px!important;
  height:14px!important;
}
.xk-login-submit{
  height:48px!important;
  margin-top:2px!important;
  border:0!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#34c5ba 0%,#0b947f 100%)!important;
  font-size:15px!important;
  font-weight:950!important;
  cursor:pointer!important;
  box-shadow:0 14px 30px rgba(11,122,117,.22)!important;
}
.xk-login-submit:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 18px 38px rgba(11,122,117,.26)!important;
}

/* 上飘星光 */
.xk-rise-star{
  position:absolute;
  width:3px;
  height:3px;
  border-radius:999px;
  pointer-events:none;
  opacity:0;
  left:var(--left,50%);
  top:var(--top,75%);
  background:rgba(255,255,255,.74);
  box-shadow:
    0 0 8px rgba(255,255,255,.74),
    0 0 18px rgba(25,199,189,.20);
  filter:blur(var(--blur,.2px));
  animation:xkLoginRiseStar var(--dur,8s) ease-in infinite;
  animation-delay:var(--delay,0s);
}
.xk-rise-star.teal{
  background:rgba(55,214,204,.55);
  box-shadow:
    0 0 7px rgba(55,214,204,.46),
    0 0 18px rgba(55,214,204,.18);
}
.xk-rise-star.big{width:5px;height:5px}
.xk-rise-star.tiny{width:2px;height:2px}
@keyframes xkLoginRiseStar{
  0%{opacity:0;transform:translate3d(0,48px,0) scale(.42)}
  18%{opacity:.46}
  54%{opacity:.25}
  100%{opacity:0;transform:translate3d(var(--drift,24px),-175px,0) scale(1.08)}
}

/* 适配小屏高度 */
@media(max-height:820px){
  .xk-brand-stage{top:calc(50% - 328px)}
  .xk-title-orbit-svg{top:-28px;height:180px}
  .xk-brand-title{font-size:48px;letter-spacing:6px}
  .xk-brand-slogan{font-size:13px;letter-spacing:4px;margin-top:8px}
  .xk-brand-pills{margin-top:8px;padding:6px 16px}
  .xk-login-card{top:52%!important}
}
@media(max-width:760px){
  .xk-brand-stage{top:24px}
  .xk-title-orbit-svg{display:none}
  .xk-brand-title{font-size:42px;letter-spacing:5px}
  .xk-brand-slogan{letter-spacing:3px;font-size:14px}
  .xk-login-card{width:min(380px,92vw)}
}

/* 锁定 V58 目标页视觉，避免旧版登录样式表的高权重规则回灌 */
#frontLoginCard.xk-login-v58-page .xk-login-card{
  position:absolute!important;
  z-index:5!important;
  left:50%!important;
  top:50%!important;
  width:min(410px,92vw)!important;
  min-height:0!important;
  padding:30px 30px 28px!important;
  transform:translate(-50%,-50%)!important;
  border-radius:30px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.56),rgba(255,255,255,.30) 48%,rgba(238,255,253,.24))!important;
  border:1px solid rgba(255,255,255,.72)!important;
  box-shadow:
    0 34px 96px rgba(15,23,42,.15),
    0 10px 32px rgba(11,122,117,.075),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(255,255,255,.34),
    inset 0 0 0 1px rgba(255,255,255,.16)!important;
  backdrop-filter:blur(34px) saturate(168%) brightness(1.06)!important;
  -webkit-backdrop-filter:blur(34px) saturate(168%) brightness(1.06)!important;
  overflow:hidden!important;
}
#frontLoginCard.xk-login-v58-page::before,
#frontLoginCard.xk-login-v58-page::after{
  content:none!important;
  display:none!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-bg::before,
#frontLoginCard.xk-login-v58-page .xk-login-bg::after{
  content:none!important;
  display:none!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-bg{
  z-index:0!important;
  background:
    radial-gradient(760px 460px at 50% 15%,rgba(255,255,255,.92),rgba(255,255,255,0) 66%),
    linear-gradient(180deg,#f6ffff 0%,#eafbfb 45%,#d9f6f5 100%)!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-bg-gradient{
  opacity:.92!important;
  background:
    radial-gradient(720px 460px at 50% 20%,rgba(23,184,174,.22),transparent 68%),
    radial-gradient(620px 500px at 12% 55%,rgba(21,183,173,.18),transparent 70%),
    radial-gradient(700px 520px at 88% 62%,rgba(12,133,127,.15),transparent 72%)!important;
  filter:blur(4px)!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-flow-lines{
  height:38vh!important;
  opacity:.46!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-flow-lines.flow-b{
  opacity:.22!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-card::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    radial-gradient(560px 260px at 12% -8%,rgba(255,255,255,.86),rgba(255,255,255,.22) 38%,transparent 68%),
    radial-gradient(420px 220px at 88% 18%,rgba(218,255,251,.38),transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.04) 46%,rgba(255,255,255,.22))!important;
  opacity:.88!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  border-radius:inherit!important;
  background:
    linear-gradient(120deg,rgba(255,255,255,.36) 0%,rgba(255,255,255,0) 32%,rgba(255,255,255,.20) 62%,rgba(255,255,255,0) 100%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.045) 0 1px,transparent 1px 4px)!important;
  opacity:.62!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-mark{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 0 28px!important;
  color:#0b7a75!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-mark strong{
  color:#0b7a75!important;
  background:none!important;
  font-size:18px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-shadow:0 1px 10px rgba(255,255,255,.90)!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-mark .login-logo{
  content:url("/logo.png")!important;
  width:46px!important;
  height:46px!important;
  object-fit:contain!important;
  display:block!important;
  opacity:1!important;
  filter:none!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-form{
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  gap:15px!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-field{
  display:grid!important;
  gap:8px!important;
  color:#27364a!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-shadow:0 1px 10px rgba(255,255,255,.90)!important;
}
#frontLoginCard.xk-login-v58-page .xk-input-shell{
  display:grid!important;
  grid-template-columns:26px 1fr!important;
  align-items:center!important;
  height:46px!important;
  border-radius:15px!important;
  padding:0 12px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.54),rgba(255,255,255,.30))!important;
  border:1px solid rgba(255,255,255,.64)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(255,255,255,.28),
    0 10px 26px rgba(11,122,117,.035)!important;
  backdrop-filter:blur(24px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(24px) saturate(150%)!important;
}
#frontLoginCard.xk-login-v58-page .xk-password-shell{
  grid-template-columns:26px 1fr 34px!important;
  position:relative!important;
}
#frontLoginCard.xk-login-v58-page .xk-input-shell:focus-within{
  background:
    linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.46))!important;
  border-color:rgba(36,194,184,.45)!important;
  box-shadow:
    0 0 0 5px rgba(25,190,181,.085),
    inset 0 1px 0 rgba(255,255,255,.96),
    0 14px 34px rgba(11,122,117,.06)!important;
}
#frontLoginCard.xk-login-v58-page .xk-input-shell input{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#102033!important;
  font-size:14px!important;
  padding:0!important;
}
#frontLoginCard.xk-login-v58-page .xk-input-shell input::placeholder{
  color:rgba(80,96,110,.55)!important;
}
#frontLoginCard.xk-login-v58-page .xk-input-icon{
  width:17px!important;
  height:17px!important;
  color:rgba(62,78,92,.58)!important;
  display:block!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn{
  position:static!important;
  transform:none!important;
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  border:0!important;
  border-radius:9px!important;
  background:transparent!important;
  color:rgba(62,78,92,.58)!important;
  cursor:pointer!important;
  padding:0!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn svg{
  width:18px!important;
  height:18px!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-close{
  display:none!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn.is-visible .xk-eye-open{
  display:none!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn.is-visible .xk-eye-close{
  display:block!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn:hover{
  background:rgba(11,122,117,.07)!important;
  color:#0b7a75!important;
}
#frontLoginCard.xk-login-v58-page .xk-remember-line{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#526273!important;
  font-size:13px!important;
  font-weight:500!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-submit{
  height:48px!important;
  margin-top:2px!important;
  border:0!important;
  border-radius:13px!important;
  color:#fff!important;
  background:linear-gradient(135deg,#34c5ba 0%,#0b947f 100%)!important;
  font-size:15px!important;
  font-weight:950!important;
  letter-spacing:0!important;
  cursor:pointer!important;
  box-shadow:0 14px 30px rgba(11,122,117,.22)!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-submit:hover{
  transform:translateY(-1px)!important;
  filter:none!important;
  box-shadow:0 18px 38px rgba(11,122,117,.26)!important;
}

@media(max-height:820px){
  #frontLoginCard.xk-login-v58-page .xk-brand-stage{top:calc(50% - 328px)!important}
  #frontLoginCard.xk-login-v58-page .xk-title-orbit-svg{top:-28px!important;height:180px!important}
  #frontLoginCard.xk-login-v58-page .xk-brand-title{font-size:48px!important;letter-spacing:6px!important}
  #frontLoginCard.xk-login-v58-page .xk-brand-slogan{font-size:13px!important;letter-spacing:4px!important;margin-top:8px!important}
  #frontLoginCard.xk-login-v58-page .xk-brand-pills{margin-top:8px!important;padding:6px 16px!important}
  #frontLoginCard.xk-login-v58-page .xk-login-card{top:52%!important}
}
@media(max-width:760px){
  #frontLoginCard.xk-login-v58-page .xk-brand-stage{top:24px!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}
}

/* V203 final responsive override: keep this block last. */
#frontLoginCard.xk-login-v58-page{
  --xk-adaptive-card-width:clamp(410px,21.36vw,660px);
  --xk-adaptive-card-x:clamp(30px,1.55vw,52px);
  --xk-adaptive-card-y:clamp(28px,1.46vw,50px);
  --xk-adaptive-field-h:clamp(46px,2.4vw,74px);
  --xk-adaptive-button-h:clamp(48px,2.5vw,78px);
  --xk-adaptive-icon-col:clamp(26px,1.36vw,44px);
  --xk-adaptive-eye-col:clamp(34px,1.78vw,54px);
  --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,14px) clamp(21px,1.22vw,42px)!important;
  gap:clamp(12px,.7vw,26px)!important;
  font-size:clamp(11px,.57vw,20px)!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,78px)!important;
  height:clamp(46px,2.4vw,78px)!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-mark strong{
  font-size:clamp(18px,.94vw,32px)!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,30px)!important;
  height:clamp(17px,.9vw,30px)!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn{
  width:clamp(30px,1.58vw,50px)!important;
  height:clamp(30px,1.58vw,50px)!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn svg{
  width:clamp(18px,.96vw,32px)!important;
  height:clamp(18px,.96vw,32px)!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;
}
@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;
  }
}

/* V202: adaptive high-resolution login layout and star logo hover. */
#frontLoginCard.xk-login-v58-page{
  --xk-adaptive-card-width:clamp(410px,21.36vw,660px);
  --xk-adaptive-card-x:clamp(30px,1.55vw,52px);
  --xk-adaptive-card-y:clamp(28px,1.46vw,50px);
  --xk-adaptive-field-h:clamp(46px,2.4vw,74px);
  --xk-adaptive-button-h:clamp(48px,2.5vw,78px);
  --xk-adaptive-icon-col:clamp(26px,1.36vw,44px);
  --xk-adaptive-eye-col:clamp(34px,1.78vw,54px);
  --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,14px) clamp(21px,1.22vw,42px)!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,78px)!important;
  height:clamp(46px,2.4vw,78px)!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-mark strong{
  font-size:clamp(18px,.94vw,32px)!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,30px)!important;
  height:clamp(17px,.9vw,30px)!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn{
  width:clamp(30px,1.58vw,50px)!important;
  height:clamp(30px,1.58vw,50px)!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn svg{
  width:clamp(18px,.96vw,32px)!important;
  height:clamp(18px,.96vw,32px)!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(50px,3.7vw,116px)!important;
  height:clamp(50px,3.7vw,116px)!important;
  border-radius:999px!important;
  background:
    radial-gradient(circle,rgba(255,255,255,.62) 0%,rgba(255,255,255,.30) 34%,rgba(42,217,207,.16) 58%,rgba(42,217,207,0) 74%)!important;
  filter:blur(.2px)!important;
}
#frontLoginCard.xk-login-v58-page .xk-rise-star::after{
  width:clamp(36px,2.8vw,86px)!important;
  height:clamp(36px,2.8vw,86px)!important;
  background:url("/logo.png") center/contain no-repeat!important;
  filter:brightness(0) invert(1) drop-shadow(0 0 18px rgba(255,255,255,.82)) drop-shadow(0 0 28px rgba(42,217,207,.35))!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:1!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:.88!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;
  }
}

/* V201 restore target V58 login composition. */
#frontLoginCard.xk-login-v58-page .xk-brand-stage{
  position:absolute!important;
  left:50%!important;
  top:calc(50% - 320px)!important;
  z-index:6!important;
  display:block!important;
  width:min(860px,94vw)!important;
  margin:0!important;
  text-align:center!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  user-select:none!important;
}
#frontLoginCard.xk-login-v58-page .xk-title-orbit-svg{
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:-30px!important;
  z-index:1!important;
  width:min(860px,96vw)!important;
  height:180px!important;
  transform:translateX(-50%)!important;
  overflow:visible!important;
  opacity:.72!important;
  pointer-events:none!important;
}
#frontLoginCard.xk-login-v58-page .xk-orbit-line{
  fill:none!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
#frontLoginCard.xk-login-v58-page .xk-orbit-base-main{
  stroke:url(#xkOrbitFineMain)!important;
  stroke-width:1.05!important;
  opacity:.68!important;
}
#frontLoginCard.xk-login-v58-page .xk-orbit-base-soft{
  stroke:url(#xkOrbitFineSoft)!important;
  stroke-width:.85!important;
  opacity:.50!important;
}
#frontLoginCard.xk-login-v58-page .xk-orbit-frag{
  opacity:.40!important;
  filter:drop-shadow(0 0 8px rgba(23,184,174,.13))!important;
  animation:xkOrbitFineFlow 12s linear infinite!important;
}
#frontLoginCard.xk-login-v58-page .xk-orbit-frag-a{
  stroke:rgba(22,190,181,.22)!important;
  stroke-width:1.55!important;
  stroke-dasharray:92 138 38 180 120 160!important;
}
#frontLoginCard.xk-login-v58-page .xk-orbit-frag-b{
  stroke:rgba(255,255,255,.30)!important;
  stroke-width:1.2!important;
  stroke-dasharray:40 180 150 120 52 210!important;
  animation-duration:16s!important;
  animation-direction:reverse!important;
  opacity:.32!important;
}
#frontLoginCard.xk-login-v58-page .xk-orbit-frag-c{
  stroke:rgba(11,122,117,.14)!important;
  stroke-width:1.1!important;
  stroke-dasharray:130 160 36 130 70 190!important;
  animation-duration:18s!important;
  opacity:.30!important;
}
#frontLoginCard.xk-login-v58-page .xk-orbit-planet-main{
  fill:#22c8be!important;
  opacity:.76!important;
  filter:drop-shadow(0 0 8px rgba(23,184,174,.62)) drop-shadow(0 0 18px rgba(23,184,174,.24))!important;
}
#frontLoginCard.xk-login-v58-page .xk-orbit-planet-mini{
  fill:rgba(255,255,255,.90)!important;
  opacity:.68!important;
  filter:drop-shadow(0 0 8px rgba(255,255,255,.78))!important;
}
#frontLoginCard.xk-login-v58-page .xk-orbit-spark{
  fill:#42d8cf!important;
  opacity:.62!important;
  filter:drop-shadow(0 0 12px rgba(23,184,174,.75))!important;
  animation:xkOrbitSparkPulse 1.9s ease-in-out infinite alternate!important;
}
#frontLoginCard.xk-login-v58-page .xk-brand-title{
  position:relative!important;
  z-index:3!important;
  display:block!important;
  margin:0!important;
  font-size:clamp(56px,5.1vw,74px)!important;
  line-height:1!important;
  letter-spacing:9px!important;
  font-weight:950!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:
    radial-gradient(circle at var(--xk-login-gx) var(--xk-login-gy),
      rgba(255,255,255,.38) 0%,
      rgba(116,239,230,.25) 12%,
      rgba(65,216,207,.10) 24%,
      rgba(65,216,207,0) 38%),
    linear-gradient(120deg,#07887e 0%,#22c8be 46%,#087269 100%)!important;
  background-size:180% 180%,100% 100%!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  text-shadow:
    0 5px 0 rgba(5,122,116,.12),
    0 18px 36px rgba(11,122,117,.24)!important;
  filter:drop-shadow(0 8px 13px rgba(11,122,117,.20))!important;
  white-space:nowrap!important;
}
#frontLoginCard.xk-login-v58-page .xk-brand-slogan{
  position:relative!important;
  z-index:4!important;
  margin:10px 0 0!important;
  color:rgba(53,64,80,.74)!important;
  font-size:clamp(14px,1.16vw,18px)!important;
  line-height:1.2!important;
  letter-spacing:8px!important;
  font-weight:600!important;
  text-shadow:0 1px 12px rgba(255,255,255,.96),0 0 1px rgba(255,255,255,.98)!important;
  white-space:nowrap!important;
}
#frontLoginCard.xk-login-v58-page .xk-brand-pills{
  position:relative!important;
  z-index:4!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:10px!important;
  padding:7px 21px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.64)!important;
  border:1px solid rgba(255,255,255,.80)!important;
  box-shadow:0 8px 24px rgba(11,122,117,.055),inset 0 1px 0 rgba(255,255,255,.82)!important;
  color:rgba(68,84,96,.78)!important;
  font-size:11px!important;
  font-weight:850!important;
  letter-spacing:0!important;
  text-shadow:none!important;
  backdrop-filter:blur(10px)!important;
  -webkit-backdrop-filter:blur(10px)!important;
}
#frontLoginCard.xk-login-v58-page .xk-brand-pills i{
  display:block!important;
  width:3px!important;
  height:3px!important;
  border-radius:999px!important;
  background:rgba(11,122,117,.32)!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-card{
  top:50%!important;
  width:min(410px,92vw)!important;
  padding:30px 30px 28px!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-mark .login-logo{
  content:url("/logo.png")!important;
  width:46px!important;
  height:46px!important;
  opacity:1!important;
  filter:none!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-mark strong{
  color:#0b7a75!important;
  -webkit-text-fill-color:#0b7a75!important;
  background:none!important;
  font-size:18px!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-mark{
  gap:12px!important;
  margin:0 0 28px!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-form{
  gap:15px!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-field{
  gap:8px!important;
  font-size:13px!important;
}
#frontLoginCard.xk-login-v58-page .xk-input-shell{
  height:46px!important;
  border-radius:15px!important;
  padding:0 12px!important;
  grid-template-columns:26px 1fr!important;
}
#frontLoginCard.xk-login-v58-page .xk-password-shell{
  grid-template-columns:26px 1fr 34px!important;
}
#frontLoginCard.xk-login-v58-page .xk-input-icon{
  width:17px!important;
  height:17px!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn{
  width:30px!important;
  height:30px!important;
}
#frontLoginCard.xk-login-v58-page .xk-eye-btn svg{
  width:18px!important;
  height:18px!important;
}
#frontLoginCard.xk-login-v58-page .xk-login-submit{
  height:48px!important;
  border-radius:13px!important;
}
@media(max-height:820px){
  #frontLoginCard.xk-login-v58-page .xk-brand-stage{top:calc(50% - 300px)!important}
  #frontLoginCard.xk-login-v58-page .xk-title-orbit-svg{top:-26px!important;height:168px!important}
  #frontLoginCard.xk-login-v58-page .xk-brand-title{font-size:48px!important;letter-spacing:6px!important}
  #frontLoginCard.xk-login-v58-page .xk-brand-slogan{font-size:13px!important;letter-spacing:4px!important;margin-top:8px!important}
  #frontLoginCard.xk-login-v58-page .xk-brand-pills{margin-top:8px!important;padding:6px 16px!important}
  #frontLoginCard.xk-login-v58-page .xk-login-card{top:52%!important}
}
@media(max-width:760px){
  #frontLoginCard.xk-login-v58-page .xk-brand-stage{top:24px!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}
}