.lk-login-concept,
.lk-login-concept *,
.lk-login-concept *::before,
.lk-login-concept *::after{
  box-sizing:border-box;
}

.lk-login-concept{
  --lk-login-ink:#102033;
  --lk-login-muted:#657386;
  --lk-login-line:#dce5e8;
  --lk-login-green:#168b4d;
  --lk-login-green-2:#57bd31;
  --lk-login-lime:#c5ee6a;
  --lk-login-yellow:#ffd84f;
  --lk-login-soft:#f5fbf6;
  position:relative;
  width:min(100%,calc(100vw - 28px));
  max-width:1240px;
  min-width:0;
  margin:32px auto 28px;
  padding:28px 0 12px;
  display:grid;
  grid-template-columns:minmax(260px,.95fr) minmax(420px,560px);
  gap:28px;
  align-items:center;
  color:var(--lk-login-ink);
  overflow:hidden;
  isolation:isolate;
}

.lk-login-concept::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(115deg,rgba(229,248,229,.72),rgba(255,255,255,.72) 42%,rgba(255,250,228,.6)),
    repeating-radial-gradient(circle at 3px 3px,rgba(22,139,77,.16) 0 2px,transparent 2px 28px);
  border-radius:8px;
}

.lk-login-concept::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:110px;
  height:92px;
  z-index:-1;
  background:
    linear-gradient(90deg,transparent 0 67%,rgba(22,139,77,.26) 67% 68%,transparent 68%),
    linear-gradient(130deg,transparent 0 62%,rgba(87,189,49,.2) 62% 63%,transparent 63%);
  opacity:.75;
  pointer-events:none;
}

.lk-login-visual{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  min-width:0;
}

.lk-login-mascot{
  position:relative;
  z-index:2;
  width:min(94%,500px);
  height:auto;
  display:block;
  filter:drop-shadow(0 26px 32px rgba(16,32,51,.18));
}

.lk-login-orbit{
  position:absolute;
  z-index:1;
  border:1px solid rgba(255,255,255,.82);
  background:rgba(255,255,255,.58);
  box-shadow:0 18px 42px rgba(16,32,51,.09);
  backdrop-filter:blur(10px);
  border-radius:8px;
}

.lk-login-orbit.is-bars{
  top:32px;
  left:34px;
  width:118px;
  height:92px;
  transform:rotate(-8deg);
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:10px;
  padding:20px;
}

.lk-login-orbit.is-bars span{
  width:14px;
  border-radius:5px 5px 2px 2px;
  background:linear-gradient(180deg,var(--lk-login-lime),var(--lk-login-green));
}

.lk-login-orbit.is-bars span:nth-child(1){height:22px}
.lk-login-orbit.is-bars span:nth-child(2){height:40px}
.lk-login-orbit.is-bars span:nth-child(3){height:62px}

.lk-login-orbit.is-chart{
  right:10px;
  top:112px;
  width:112px;
  height:112px;
  transform:rotate(9deg);
}

.lk-login-orbit.is-chart::before{
  content:"";
  position:absolute;
  inset:24px;
  border-radius:50%;
  background:conic-gradient(var(--lk-login-yellow) 0 25%,var(--lk-login-green-2) 25% 72%,rgba(22,139,77,.18) 72% 100%);
}

.lk-login-orbit.is-chart::after{
  content:"";
  position:absolute;
  inset:42px;
  border-radius:50%;
  background:#fff;
}

.lk-login-panel{
  min-width:0;
  display:flex;
  justify-content:center;
}

.lk-login-card{
  width:min(100%,560px);
  border:1px solid rgba(20,58,45,.11);
  border-radius:8px;
  padding:36px;
  background:rgba(255,255,255,.84);
  box-shadow:0 26px 70px rgba(16,32,51,.14);
  backdrop-filter:blur(18px);
}

.lk-login-head{
  text-align:center;
  margin:0 0 24px;
}

.lk-login-eyebrow{
  margin:0 0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:var(--lk-login-green);
  font-size:1rem;
  font-weight:850;
  line-height:1.3;
}

.lk-login-badge{
  width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--lk-login-green);
}

.lk-login-head h1{
  margin:0;
  color:var(--lk-login-ink);
  font-size:2.35rem;
  line-height:1.1;
  letter-spacing:0;
}

.lk-login-head p{
  max-width:420px;
  margin:14px auto 0;
  color:var(--lk-login-muted);
  font-size:1.08rem;
  line-height:1.55;
}

.lk-login-head .lk-login-mfa-note{
  display:inline-flex;
  max-width:100%;
  margin-top:12px;
  padding:8px 12px;
  border:1px solid rgba(22,139,77,.16);
  border-radius:8px;
  background:#f7fff8;
  color:#17623f;
  font-size:.92rem;
  font-weight:800;
}

.lk-login-concept .notice{
  margin:0 0 16px;
  border-radius:8px;
  padding:12px 14px;
  border:1px solid var(--lk-login-line);
  background:#fff;
  color:var(--lk-login-ink);
}

.lk-login-concept .notice.error{
  border-left:4px solid #ef4444;
  background:#fff7f7;
}

.lk-login-concept .notice.warn{
  border-left:4px solid #f59e0b;
  background:#fffbeb;
}

.lk-login-concept .notice.success{
  border-left:4px solid var(--lk-login-green);
  background:#f1fff5;
}

.lk-login-concept .notice ul{
  margin:0;
  padding-left:20px;
}

.lk-login-concept .notice.error.lk-shake{
  animation:lkShake .45s cubic-bezier(.36,.07,.19,.97) 1;
}

.lk-login-form{
  display:grid;
  gap:16px;
  min-width:0;
}

.lk-login-field{
  display:grid;
  gap:7px;
  min-width:0;
}

.lk-login-field label{
  color:#24364a;
  font-size:.94rem;
  font-weight:850;
}

.lk-login-input-row{
  position:relative;
  min-width:0;
}

.lk-login-input-icon{
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#314154;
  pointer-events:none;
}

.lk-login-concept .lk-login-input{
  width:100%;
  min-width:0;
  min-height:62px;
  border:1px solid var(--lk-login-line);
  border-radius:8px;
  background:rgba(255,255,255,.94);
  color:var(--lk-login-ink);
  padding:17px 56px 17px 68px;
  font-size:1rem;
  line-height:1.25;
  outline:0;
  transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;
}

.lk-login-concept .lk-login-input::placeholder{
  color:#758296;
}

.lk-login-concept .lk-login-input:focus{
  border-color:var(--lk-login-green);
  background:#fff;
  box-shadow:0 0 0 4px rgba(22,139,77,.14);
}

.lk-login-eye-btn{
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  width:42px;
  height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  border-radius:8px;
  background:transparent;
  color:#26384c;
  cursor:pointer;
}

.lk-login-eye-btn:hover,
.lk-login-eye-btn:focus-visible{
  background:#f1f7f3;
  outline:0;
}

.lk-login-eye-btn .lk-eye-closed{
  display:none;
}

.lk-login-eye-btn.is-visible .lk-eye-open{
  display:none;
}

.lk-login-eye-btn.is-visible .lk-eye-closed{
  display:block;
}

.lk-login-hint{
  margin:2px 0 0;
  color:#8a4b10;
  font-size:.9rem;
  line-height:1.4;
}

.lk-login-options{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
  color:#39485a;
  font-size:.96rem;
}

.lk-login-check{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-width:0;
  font-weight:750;
  cursor:pointer;
}

.lk-login-check input{
  position:absolute;
  inline-size:1px;
  block-size:1px;
  opacity:0;
}

.lk-login-check span{
  width:22px;
  height:22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  border:1px solid #b8c7c4;
  border-radius:6px;
  background:#fff;
}

.lk-login-check span::after{
  content:"";
  width:10px;
  height:6px;
  border-left:2px solid #fff;
  border-bottom:2px solid #fff;
  transform:rotate(-45deg) translate(1px,-1px);
  opacity:0;
}

.lk-login-check input:checked + span{
  border-color:var(--lk-login-green);
  background:linear-gradient(180deg,#1fa463,var(--lk-login-green));
}

.lk-login-check input:checked + span::after{
  opacity:1;
}

.lk-login-check input:focus-visible + span{
  box-shadow:0 0 0 4px rgba(22,139,77,.16);
}

.lk-login-options a,
.lk-login-register a,
.lk-login-activation a{
  color:#087a45;
  font-weight:850;
  text-decoration:none;
}

.lk-login-options a:hover,
.lk-login-register a:hover,
.lk-login-activation a:hover{
  text-decoration:underline;
}

.lk-login-submit{
  width:100%;
  min-height:60px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  border:0;
  border-radius:8px;
  background:linear-gradient(90deg,#15965c,var(--lk-login-green-2));
  color:#fff;
  font-size:1.08rem;
  font-weight:900;
  box-shadow:0 16px 34px rgba(22,139,77,.28);
  cursor:pointer;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}

.lk-login-submit:hover{
  transform:translateY(-1px);
  box-shadow:0 20px 42px rgba(22,139,77,.32);
  filter:saturate(1.05);
}

.lk-login-submit:focus-visible{
  outline:4px solid rgba(22,139,77,.18);
  outline-offset:3px;
}

.lk-login-divider{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
  color:#7b8796;
  font-size:.9rem;
}

.lk-login-divider::before,
.lk-login-divider::after{
  content:"";
  height:1px;
  background:linear-gradient(90deg,transparent,var(--lk-login-line));
}

.lk-login-divider::after{
  background:linear-gradient(90deg,var(--lk-login-line),transparent);
}

.lk-login-register,
.lk-login-activation{
  margin:0;
  text-align:center;
  color:#354457;
  line-height:1.45;
}

.lk-login-register a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-left:10px;
}

.lk-login-activation{
  font-size:.9rem;
}

.lk-login-trust{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  width:min(100%,760px);
  margin:8px auto 0;
  color:#167246;
}

.lk-login-trust > div{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-rows:auto auto;
  column-gap:12px;
  align-items:center;
  padding:0 22px;
  min-width:0;
  border-right:1px solid rgba(20,58,45,.16);
}

.lk-login-trust > div:last-child{
  border-right:0;
}

.lk-login-trust span{
  grid-row:1/3;
  color:var(--lk-login-green);
}

.lk-login-trust strong{
  color:#116338;
  font-size:.92rem;
  line-height:1.25;
}

.lk-login-trust small{
  color:#708090;
  font-size:.82rem;
  line-height:1.3;
}

.lk-login-mfa .lk-login-card{
  max-width:540px;
}

.lk-login-mfa .lk-mfa-code{
  text-align:center;
  letter-spacing:.08em;
  padding-right:58px;
}

@media (max-width:980px){
  .lk-login-concept{
    grid-template-columns:1fr;
    max-width:720px;
    gap:14px;
    padding-top:18px;
  }

  .lk-login-visual{
    min-height:170px;
    align-items:center;
  }

  .lk-login-mascot{
    width:190px;
  }

  .lk-login-orbit{
    display:none;
  }

  .lk-login-card{
    padding:28px;
  }

  .lk-login-trust{
    grid-template-columns:1fr;
    gap:10px;
    width:min(100%,520px);
  }

  .lk-login-trust > div{
    border-right:0;
    border-top:1px solid rgba(20,58,45,.12);
    padding:12px 4px 0;
  }
}

@media (max-width:560px){
  .lk-login-concept{
    width:min(100%,calc(100vw - 24px));
    margin:18px auto 20px;
    padding:12px 0 8px;
  }

  .lk-login-concept::before{
    border-radius:8px;
  }

  .lk-login-visual{
    min-height:118px;
  }

  .lk-login-mascot{
    width:138px;
  }

  .lk-login-card{
    padding:22px 16px;
  }

  .lk-login-head{
    margin-bottom:20px;
  }

  .lk-login-head h1{
    font-size:1.9rem;
  }

  .lk-login-head p{
    font-size:1rem;
  }

  .lk-login-concept .lk-login-input{
    min-height:56px;
    padding-left:64px;
    padding-right:52px;
  }

  .lk-login-options{
    align-items:flex-start;
  }

  .lk-login-submit{
    min-height:56px;
  }

  .lk-login-register a{
    margin-left:0;
  }

  .lk-login-mfa .lk-mfa-code{
    text-align:left;
    letter-spacing:0;
  }
}

@media (max-width:390px){
  .lk-login-head h1{
    font-size:1.72rem;
  }

  .lk-login-options{
    display:grid;
    gap:10px;
  }
}

@media (prefers-reduced-motion:reduce){
  .lk-login-concept .notice.error.lk-shake,
  .lk-login-submit,
  .lk-login-submit:hover{
    animation:none;
    transform:none;
  }
}