/* Login como vitrine do produto, preservando o formulario existente. */
#loginScreen.login-screen {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, 440px) !important;
  align-items: center !important;
  gap: clamp(28px, 5vw, 88px) !important;
  min-height: 100dvh !important;
  padding: clamp(24px, 4vw, 64px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background: linear-gradient(90deg, rgba(2,8,23,.12), rgba(2,8,23,.24) 42%, rgba(2,8,23,.84) 74%, rgba(2,8,23,.96)), url('../images/login-business-operations-v1.png') center / cover no-repeat fixed !important;
}
#loginScreen.login-screen::before { content:''; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:1!important; background:radial-gradient(circle at 48% 50%,rgba(15,23,42,.08),rgba(2,6,23,.46) 74%),linear-gradient(180deg,rgba(2,6,23,.06),rgba(2,6,23,.4)); }
.login-showcase,#loginScreen>.login-card { position:relative; z-index:1; }
.login-showcase { width:min(620px,100%); align-self:center; padding:clamp(22px,3.2vw,46px); border:1px solid rgba(125,211,252,.2); border-radius:28px; color:#f8fafc; background:linear-gradient(145deg,rgba(2,10,28,.68),rgba(4,17,30,.38)); box-shadow:0 30px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); }
.login-showcase-kicker { display:inline-flex; align-items:center; gap:7px; margin-bottom:14px; color:#6ee7b7; font-size:11px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.login-showcase-kicker::before { content:''; width:23px; height:2px; border-radius:99px; background:#34d399; box-shadow:0 0 15px rgba(52,211,153,.7); }
.login-showcase h1 { max-width:590px; margin:0; color:#fff; font-size:clamp(32px,4.4vw,62px); font-weight:900; line-height:.98; letter-spacing:-.045em; text-wrap:balance; }
.login-showcase h1 span { color:#5eead4; }
.login-showcase-copy { max-width:570px; margin:18px 0 21px; color:#cbd5e1; font-size:clamp(14px,1.25vw,17px); line-height:1.55; }
.login-showcase-features { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:0; padding:0; list-style:none; }
.login-showcase-features li { display:flex; align-items:center; gap:9px; min-width:0; min-height:42px; padding:8px 10px; border:1px solid rgba(148,163,184,.16); border-radius:11px; color:#e2e8f0; background:rgba(15,23,42,.48); font-size:12px; font-weight:700; }
.login-showcase-features span { display:grid; place-items:center; flex:0 0 26px; width:26px; height:26px; border-radius:8px; color:#6ee7b7; background:rgba(16,185,129,.12); font-size:14px; }
.login-showcase-note { margin:16px 0 0; color:#94a3b8; font-size:11px; font-weight:650; letter-spacing:.025em; }
#loginScreen>.login-card { width:100%!important; max-width:440px!important; margin:0!important; border-color:rgba(148,163,184,.23)!important; background:rgba(3,10,23,.86)!important; box-shadow:0 35px 100px rgba(0,0,0,.5)!important; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
@media(max-width:900px){
 #loginScreen.login-screen{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:max-content max-content!important;grid-auto-rows:max-content!important;align-content:start!important;align-items:start!important;justify-items:center!important;gap:14px!important;padding:max(18px,env(safe-area-inset-top)) 14px max(18px,env(safe-area-inset-bottom))!important;background-position:28% center!important;background-attachment:scroll!important}
 .login-showcase{width:min(560px,100%);padding:18px;border-radius:18px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .login-showcase-kicker{margin-bottom:8px;font-size:9px}.login-showcase h1{font-size:clamp(25px,7.6vw,38px);line-height:1.02}.login-showcase-copy{margin:10px 0 12px;font-size:12px;line-height:1.42}.login-showcase-features{gap:6px}.login-showcase-features li{min-height:34px;padding:5px 7px;font-size:10px}.login-showcase-features span{width:22px;height:22px;flex-basis:22px;font-size:12px}.login-showcase-note{display:none}#loginScreen>.login-card{max-width:560px!important}
}
@media(max-width:480px){#loginScreen.login-screen{padding-inline:8px!important}.login-showcase{padding:14px}.login-showcase h1{font-size:clamp(23px,7.5vw,31px)}.login-showcase-copy{font-size:11px}.login-showcase-features li{font-size:9px}}
@media(max-height:760px) and (min-width:901px){#loginScreen.login-screen{padding-block:18px!important}.login-showcase{padding-block:24px}.login-showcase h1{font-size:clamp(34px,4vw,50px)}.login-showcase-copy{margin-block:12px 15px}}
@media(prefers-reduced-motion:reduce){#loginScreen.login-screen{background-attachment:scroll!important}}