/**
 * User login + signup — trending interactive auth UI
 * Scoped under body.lkit-user-auth
 */
body.lkit-user-auth{
  --ua-navy:#2e4056;
  --ua-blue:#2f94d7;
  --ua-pink:#ff4d9a;
  --ua-lavender:#c084fc;
  --ua-ink:#1b2430;
  --ua-muted:#5b6777;
  --ua-pink-grad:linear-gradient(90deg,#ff4d9a 0%,#e879f9 55%,#c084fc 100%);
  --ua-btn-radius:8px;
}
body.lkit-user-auth .lkit-user-auth-page{
  position:relative;
  overflow:hidden;
  padding:2rem 0 3rem;
  background:
    radial-gradient(ellipse 70% 50% at 0% 0%, rgba(255,77,154,.12), transparent 50%),
    radial-gradient(ellipse 60% 45% at 100% 10%, rgba(47,148,215,.14), transparent 48%),
    linear-gradient(180deg,#f7f9fc 0%,#eef3f9 100%);
}
body.lkit-user-auth .lkit-user-auth-page:before{
  content:"";
  position:absolute;
  top:-10%;right:-8%;
  width:42%;height:55%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(192,132,252,.16),transparent 68%);
}
body.lkit-user-auth .lkit-user-auth-page > .container{
  position:relative;
  z-index:1;
  max-width:1040px;
}

body.lkit-user-auth .lkit-ua-eyebrow{
  display:inline-block;
  margin:0 0 .45rem;
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  background:var(--ua-pink-grad);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
body.lkit-user-auth .lkit-ua-page-title{
  margin:0 0 1.35rem;
  font-size:clamp(1.4rem,3vw,1.85rem);
  font-weight:750;
  letter-spacing:-.02em;
  color:var(--ua-navy);
  line-height:1.2;
}

body.lkit-user-auth .lkit-ua-grid{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:1.5rem;
  align-items:start;
}

/* Benefits panel */
body.lkit-user-auth .lkit-ua-benefits{
  position:relative;
  overflow:hidden;
  padding:1.75rem 1.45rem;
  border-radius:22px;
  color:#fff;
  background:
    radial-gradient(ellipse 60% 50% at 100% 0%, rgba(255,77,154,.35), transparent 55%),
    linear-gradient(145deg,#2e4056 0%,#3a2a5c 48%,#236BA2 100%);
  box-shadow:0 18px 40px rgba(21,40,70,.16);
}
body.lkit-user-auth .lkit-ua-benefits h2{
  margin:0 0 .5rem;
  font-size:clamp(1.2rem,2.5vw,1.45rem);
  font-weight:750;
  color:#fff;
  line-height:1.25;
}
body.lkit-user-auth .lkit-ua-benefits > p{
  margin:0 0 1.15rem;
  color:rgba(255,255,255,.82);
  font-size:.95rem;
  line-height:1.5;
}
body.lkit-user-auth .lkit-ua-benefits ul{
  list-style:none;
  margin:0 0 1.25rem;
  padding:0;
}
body.lkit-user-auth .lkit-ua-benefits li{
  display:flex;
  align-items:flex-start;
  gap:.65rem;
  margin:0 0 .55rem;
  padding:.7rem .8rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  background:rgba(255,255,255,.08);
  font-size:.9rem;
  line-height:1.4;
  color:rgba(255,255,255,.94);
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
body.lkit-user-auth .lkit-ua-benefits li:hover{
  transform:translateX(4px);
  background:rgba(255,255,255,.14);
  border-color:rgba(255,77,154,.35);
}
body.lkit-user-auth .lkit-ua-benefits li .fa{
  flex:0 0 auto;
  width:1.4rem;
  height:1.4rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  font-size:.75rem;
  color:#fff;
  background:linear-gradient(135deg,#ff4d9a,#2f94d7);
  margin-top:.1rem;
}
body.lkit-user-auth .lkit-ua-benefits .lkit-ua-side-cta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  width:100%;
  padding:.85rem 1rem;
  border:1px solid rgba(255,255,255,.35);
  border-radius:var(--ua-btn-radius);
  background:rgba(255,255,255,.1);
  color:#fff!important;
  text-decoration:none!important;
  transition:transform .22s ease, background .22s ease, border-color .22s ease;
}
body.lkit-user-auth .lkit-ua-benefits .lkit-ua-side-cta:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#ff4d9a,#2f94d7);
  border-color:transparent;
  color:#fff!important;
}
body.lkit-user-auth .lkit-ua-benefits .lkit-ua-side-cta span{
  font-size:.78rem;
  opacity:.85;
  font-weight:500;
}
body.lkit-user-auth .lkit-ua-benefits .lkit-ua-side-cta em{
  font-style:normal;
  font-weight:700;
  font-size:1rem;
}

/* Override legacy login shell */
body.lkit-user-auth .container-login100{
  min-height:0!important;
  padding:0!important;
  background:transparent!important;
  display:block!important;
  align-items:stretch!important;
}
body.lkit-user-auth .wrap-login100,
body.lkit-user-auth .user-loginwrapper{
  max-width:none!important;
  width:100%!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:visible!important;
  box-shadow:none!important;
  position:relative;
}
body.lkit-user-auth .user-loginwrapper > .signIn,
body.lkit-user-auth .user-loginwrapper > .forgotpasswordform,
body.lkit-user-auth .user-loginwrapper > #signup,
body.lkit-user-auth .user-loginwrapper > .wrap-login100{
  max-width:none!important;
  width:100%!important;
  background:#fff!important;
  border-radius:22px!important;
  overflow:hidden!important;
  border:1px solid rgba(46,64,86,.08);
  box-shadow:0 18px 40px rgba(21,40,70,.1);
  transition:box-shadow .28s ease;
}
body.lkit-user-auth .user-loginwrapper > .signIn:hover,
body.lkit-user-auth .user-loginwrapper > .forgotpasswordform:hover,
body.lkit-user-auth .user-loginwrapper > #signup:hover{
  box-shadow:0 22px 48px rgba(21,40,70,.14);
}

/* Form title banner */
body.lkit-user-auth .login100-form-title{
  padding:1.6rem 1.35rem 1.35rem!important;
  background:
    radial-gradient(ellipse 55% 80% at 12% 30%, rgba(255,77,154,.4), transparent 55%),
    linear-gradient(135deg,#236BA2 0%,#2e4056 45%,#3a2a5c 100%)!important;
  background-image:none!important;
  align-items:flex-start!important;
}
body.lkit-user-auth .login100-form-title::before{display:none!important}
body.lkit-user-auth .login100-form-title-1{
  font-size:clamp(1.25rem,3vw,1.6rem)!important;
  font-weight:750!important;
  text-transform:none!important;
  letter-spacing:-.02em;
  text-align:left!important;
  line-height:1.25!important;
}
body.lkit-user-auth .login100-form-title .lkit-ua-title-sub{
  display:block;
  margin-top:.4rem;
  font-size:.9rem;
  font-weight:500;
  color:rgba(255,255,255,.82);
  text-transform:none;
  letter-spacing:0;
}

body.lkit-user-auth .login100-form{
  padding:1.35rem 1.35rem 1.5rem!important;
  display:block!important;
}
body.lkit-user-auth .wrap-input100{
  width:100%!important;
  margin-bottom:1rem!important;
  border-bottom:none!important;
  position:relative;
}
body.lkit-user-auth .input100{
  height:48px!important;
  width:100%!important;
  padding:.65rem 1rem!important;
  border-radius:10px!important;
  border:1.5px solid rgba(46,64,86,.12)!important;
  background:#f7f9fc!important;
  font-size:.95rem!important;
  color:var(--ua-ink)!important;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .2s ease;
}
body.lkit-user-auth .input100:hover{
  border-color:rgba(47,148,215,.35)!important;
  background:#fff!important;
}
body.lkit-user-auth .input100:focus{
  outline:none!important;
  background:#fff!important;
  border-color:rgba(255,77,154,.55)!important;
  box-shadow:0 0 0 4px rgba(255,77,154,.12)!important;
  transform:translateY(-1px);
}
body.lkit-user-auth .focus-input100{display:none!important}
body.lkit-user-auth .user-loginwrapper label.error{
  color:#e35152;
  font-size:.78rem;
  margin-top:.25rem;
  display:block;
  position:static!important;
}

body.lkit-user-auth .flex-sb-m{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.65rem;
  width:100%;
  margin-bottom:.85rem;
}
body.lkit-user-auth .forgot_password,
body.lkit-user-auth .txt3,
body.lkit-user-auth .remember a,
body.lkit-user-auth .alreadyacc a,
body.lkit-user-auth #return_login{
  font-weight:600!important;
  color:#d946a0!important;
  text-decoration:none;
}
body.lkit-user-auth .forgot_password:hover,
body.lkit-user-auth .txt3:hover,
body.lkit-user-auth .remember a:hover,
body.lkit-user-auth .alreadyacc a:hover,
body.lkit-user-auth #return_login:hover{
  color:var(--ua-blue)!important;
  text-decoration:underline;
}
body.lkit-user-auth .txt1,
body.lkit-user-auth .alreadyacc{
  color:var(--ua-muted);
  font-size:.92rem;
}
body.lkit-user-auth .sign-up-section{
  text-align:center;
  margin-top:1.1rem!important;
  padding-top:.25rem;
}

body.lkit-user-auth .login100-form-btn,
body.lkit-user-auth input.login100-form-btn{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:48px!important;
  margin:0!important;
  border:none!important;
  border-radius:var(--ua-btn-radius)!important;
  font-weight:700!important;
  font-size:1rem!important;
  letter-spacing:.02em;
  color:#fff!important;
  background:linear-gradient(135deg,#ff4d9a 0%,#c084fc 45%,#2f94d7 100%)!important;
  box-shadow:0 12px 26px rgba(255,77,154,.28);
  cursor:pointer;
  transition:transform .22s ease, box-shadow .22s ease, filter .22s ease;
}
body.lkit-user-auth .login100-form-btn:hover,
body.lkit-user-auth input.login100-form-btn:hover{
  transform:translateY(-2px);
  filter:brightness(1.04);
  box-shadow:0 16px 32px rgba(255,77,154,.35);
  background:linear-gradient(135deg,#ff4d9a 0%,#c084fc 45%,#2f94d7 100%)!important;
  color:#fff!important;
}
body.lkit-user-auth .container-login100-form-btn{
  width:100%;
  margin-top:.25rem;
}

/* Register as pills */
body.lkit-user-auth .register-option{
  width:100%;
  padding:.85rem 1rem;
  border-radius:14px;
  background:#f7f9fc;
  border:1px solid rgba(46,64,86,.08);
}
body.lkit-user-auth .register-option h2{
  margin:0 0 .55rem;
  font-size:.85rem!important;
  font-weight:700;
  color:var(--ua-navy);
}
body.lkit-user-auth .register-option label{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  margin:0 .55rem .25rem 0!important;
  padding:.4rem .8rem;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(46,64,86,.12);
  font-size:.88rem!important;
  font-weight:600;
  color:var(--ua-ink);
  cursor:pointer;
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
body.lkit-user-auth .register-option label:hover{
  border-color:rgba(255,77,154,.4);
  box-shadow:0 4px 12px rgba(255,77,154,.12);
  transform:translateY(-1px);
}
body.lkit-user-auth .register-option input[type="radio"]{
  margin:0!important;
  accent-color:#ff4d9a;
}

/* Company CTA strip */
body.lkit-user-auth .lkit-ua-company-cta{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin-top:1.15rem;
  padding:1rem 1.1rem;
  border-radius:14px;
  background:linear-gradient(135deg,#fff7fb,#f0f7ff);
  border:1px solid rgba(255,77,154,.18);
  text-decoration:none!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
body.lkit-user-auth .lkit-ua-company-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(21,40,70,.08);
  border-color:rgba(255,77,154,.35);
}
body.lkit-user-auth .lkit-ua-company-cta__icon{
  flex:0 0 auto;
  width:40px;height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  color:#fff;
  background:linear-gradient(135deg,#2e4056,#4a3560);
}
body.lkit-user-auth .lkit-ua-company-cta__text{
  flex:1;
  min-width:0;
}
body.lkit-user-auth .lkit-ua-company-cta__text strong{
  display:block;
  font-size:.92rem;
  color:var(--ua-navy);
  font-weight:700;
}
body.lkit-user-auth .lkit-ua-company-cta__text span{
  display:block;
  font-size:.8rem;
  color:var(--ua-muted);
  margin-top:.15rem;
}
body.lkit-user-auth .lkit-ua-company-cta .fa-arrow-right{
  color:#d946a0;
  transition:transform .2s ease;
}
body.lkit-user-auth .lkit-ua-company-cta:hover .fa-arrow-right{
  transform:translateX(3px);
}
body.lkit-user-auth hr{
  border:0;
  border-top:1px solid rgba(46,64,86,.08);
  margin:1.15rem 0;
}
body.lkit-user-auth .create_company{display:none!important}
body.lkit-user-auth .alert{
  border-radius:12px;
  width:100%;
  margin-bottom:1rem;
}

@media (max-width:991px){
  body.lkit-user-auth .lkit-ua-grid{grid-template-columns:1fr}
  body.lkit-user-auth .lkit-ua-benefits{order:-1}
}
@media (max-width:575px){
  body.lkit-user-auth .lkit-user-auth-page{padding:1.25rem 0 2rem}
  body.lkit-user-auth .login100-form{padding:1.1rem .95rem 1.25rem!important}
  body.lkit-user-auth .login100-form-title{padding:1.25rem 1rem!important}
  body.lkit-user-auth .lkit-ua-benefits li:hover{transform:none}
  body.lkit-user-auth .flex-sb-m{flex-direction:column;align-items:flex-start}
}
@media (max-width:576px){
  /* Override legacy padding that shoved the form right */
  body.lkit-user-auth .login100-form{padding:1.1rem .95rem 1.25rem!important}
}
@media (prefers-reduced-motion:reduce){
  body.lkit-user-auth .login100-form-btn,
  body.lkit-user-auth .input100,
  body.lkit-user-auth .lkit-ua-benefits li,
  body.lkit-user-auth .lkit-ua-company-cta{transition:none!important}
  body.lkit-user-auth .login100-form-btn:hover,
  body.lkit-user-auth .input100:focus,
  body.lkit-user-auth .lkit-ua-benefits li:hover{transform:none}
}