/* LUCIO SISTEMAS LOGIN V24 - dark executive final */
body:has(.ls-login){background:#090b0b!important;color:#fff!important}
.ls-login{position:relative!important;min-height:100vh!important;display:grid!important;grid-template-columns:58% 42%!important;overflow:hidden!important;background-color:#0a0d0d!important;background-image:url('/static/lucio_hero.jpg')!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.ls-login:before{content:''!important;position:absolute!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.42) 0%,rgba(0,0,0,.18) 46%,rgba(0,0,0,.50) 100%)!important;pointer-events:none!important}
.ls-login-hero,.ls-login-side{position:relative!important;z-index:1!important;min-height:100vh!important}
.ls-login-hero{background:transparent!important;background-image:none!important;border:0!important}
.ls-login-overlay{min-height:100vh!important;padding:62px 5.3vw 40px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;background:transparent!important}
.ls-brand-lockup{display:flex!important;align-items:center!important;gap:15px!important;width:max-content!important;background:transparent!important;box-shadow:none!important;padding:0!important;border:0!important}
.ls-car{width:62px!important;height:62px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:#f3f5ea!important;color:#111!important;font-size:33px!important;box-shadow:0 8px 26px rgba(0,0,0,.24)!important}
.ls-brand-lockup strong{display:block!important;color:#fff!important;font-size:29px!important;font-weight:900!important;letter-spacing:-.02em!important;text-shadow:0 2px 14px #000!important}
.ls-brand-lockup small{display:block!important;margin-top:2px!important;color:#d8d8d8!important;font-size:10px!important;font-weight:800!important;letter-spacing:.29em!important}
.ls-login-copy{display:block!important;max-width:720px!important;margin:0 0 3vh!important;padding:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.ls-login-copy .premium-kicker,.premium-kicker{margin:0 0 12px!important;color:#d8d8d8!important;font-size:14px!important;font-weight:700!important;letter-spacing:.14em!important;text-shadow:0 2px 12px #000!important}
.ls-login-copy h1{margin:0 0 18px!important;color:#fff!important;font-size:clamp(56px,5vw,80px)!important;line-height:.96!important;letter-spacing:-.045em!important;font-weight:720!important;text-shadow:0 4px 18px rgba(0,0,0,.55)!important}
.ls-login-copy>p{max-width:610px!important;margin:0 0 20px!important;color:#f2f2f2!important;font-size:17px!important;line-height:1.45!important;text-shadow:0 2px 14px #000!important}
.ls-benefits{display:flex!important;gap:26px!important;flex-wrap:wrap!important}.ls-benefits span{color:#f2f2f2!important;font-size:12px!important;font-weight:700!important}
.ls-together{margin-top:28px!important;color:#fff!important;font-family:cursive!important;font-size:29px!important;font-style:italic!important;line-height:.82!important;text-shadow:0 3px 12px #000!important}.ls-together b{color:#44d36f!important;font-family:Arial,sans-serif!important}
.ls-login-side{display:flex!important;align-items:center!important;justify-content:center!important;padding:48px 6vw 48px 2.5vw!important;background:transparent!important}
.ls-tech-kicker{position:absolute!important;top:62px!important;right:6vw!important;color:#aeb5b3!important;font-size:10px!important;letter-spacing:.26em!important;line-height:1.55!important;text-align:right!important}.ls-tech-kicker i{display:block!important;width:34px!important;height:2px!important;background:#45d06f!important;margin:12px 0 0 auto!important}
.ls-login-card{width:min(470px,100%)!important;padding:48px 44px 42px!important;border:1px solid rgba(210,220,215,.72)!important;border-radius:20px!important;background:rgba(8,12,11,.78)!important;color:#fff!important;box-shadow:0 24px 70px rgba(0,0,0,.38)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;transform:translateY(-24px)!important}
.ls-login-card h2{margin:0 0 8px!important;color:#fff!important;font-size:34px!important;line-height:1.05!important;letter-spacing:-.025em!important;font-weight:800!important}.ls-login-card>p{margin:0 0 26px!important;color:#c7cdcb!important;font-size:14px!important}
.ls-login-card label{display:block!important;margin:0 0 18px!important;color:#fff!important;font-size:14px!important;font-weight:800!important}.ls-login-card input{width:100%!important;height:58px!important;margin-top:8px!important;padding:0 18px!important;border:1px solid rgba(225,230,228,.55)!important;border-radius:10px!important;background:rgba(6,9,9,.38)!important;color:#fff!important;font-size:16px!important;outline:none!important;box-shadow:none!important}
.ls-login-card input::placeholder{color:#9ca4a2!important}.ls-login-card input:focus{border-color:#59d37e!important;box-shadow:0 0 0 3px rgba(72,205,111,.12)!important}
.password{position:relative!important}.password input{padding-right:52px!important}.password button{position:absolute!important;right:12px!important;bottom:15px!important;border:0!important;background:transparent!important;color:#c7cdcb!important;font-size:18px!important;cursor:pointer!important;box-shadow:none!important}
.ls-access-link{display:inline-block!important;margin:0 0 28px!important;color:#fff!important;font-size:13px!important;text-decoration:underline!important}
.ls-login-submit{width:100%!important;height:58px!important;border:1px solid #74e39a!important;border-radius:8px!important;background:linear-gradient(180deg,#3ea765 0%,#2c8a51 100%)!important;color:#fff!important;font-size:16px!important;font-weight:900!important;box-shadow:0 0 28px rgba(68,211,111,.24)!important}
.ls-login-submit:hover{filter:brightness(1.08)!important;background:linear-gradient(180deg,#45b36e 0%,#31975a 100%)!important;color:#fff!important}
@media(max-width:1100px){.ls-login{grid-template-columns:55% 45%!important}.ls-login-overlay{padding:48px 4vw 34px!important}.ls-login-copy h1{font-size:56px!important}.ls-login-side{padding:40px 28px!important}.ls-login-card{padding:38px 32px!important;transform:translateY(-12px)!important}.ls-tech-kicker{display:none!important}}
@media(max-width:760px){.ls-login{display:block!important;background-position:40% center!important}.ls-login-hero{min-height:58vh!important}.ls-login-overlay{min-height:58vh!important;padding:28px 22px!important}.ls-login-copy{margin:70px 0 0!important}.ls-login-copy h1{font-size:42px!important}.ls-login-copy>p{font-size:15px!important}.ls-benefits{gap:10px!important}.ls-together{font-size:24px!important}.ls-login-side{min-height:auto!important;padding:22px!important}.ls-login-card{width:100%!important;padding:30px 24px!important;transform:none!important}.ls-brand-lockup strong{font-size:22px!important}}

/* LOGIN INPUT TEXT COLOR FIX 2026-09-20 */
.ls-login-card input,
.ls-login-card input:focus,
.ls-login-card input:-webkit-autofill{
  -webkit-text-fill-color:#111!important;
  color:#111!important;
  caret-color:#111!important;
  background:#fff!important;
}
.ls-login-card input::placeholder{
  color:#9ca4a2!important;
  -webkit-text-fill-color:#9ca4a2!important;
}