/* ============ login v3 — split com a marca oficial ============ */
:root{
  --easy-verde-principal:#566951;
  --easy-verde:#12A27F;         /* verde secundário oficial (elemento) */
  --easy-verde-escuro:#0C7A60;
  --easy-laranja:#EF6528;
  --easy-preto:#0A0203;
}
body.login-split{
  display:flex; min-height:100vh; margin:0; background:#fff;
  font-family:'Hanken Grotesk',-apple-system,sans-serif;
}

/* painel da marca (esquerda) */
.login-marca{
  position:relative; overflow:hidden; flex:1.1;
  display:flex; flex-direction:column; justify-content:space-between;
  padding:48px 56px;
  background:linear-gradient(160deg, #14B08A 0%, var(--easy-verde) 45%, var(--easy-verde-escuro) 100%);
  color:#fff;
}
.lm-topo{display:flex; align-items:center; gap:12px; z-index:1;}
.lm-elemento-mini{width:30px; height:auto;}
.lm-logo{font-family:'Montserrat',sans-serif; font-weight:700; font-size:20px; letter-spacing:-.02em;}
.lm-logo b{font-weight:800;}
.lm-centro{z-index:1; max-width:480px;}
.lm-centro h1{
  font-family:'Big Shoulders Display',sans-serif; font-weight:800;
  font-size:clamp(56px, 7vw, 96px); line-height:.92; letter-spacing:.01em;
  margin:0 0 22px; text-transform:uppercase;
}
.lm-ponto{color:var(--easy-laranja);}
.lm-centro p{font-size:17px; line-height:1.6; color:rgba(255,255,255,.85); margin:0; max-width:40ch;}
.lm-rodape{display:flex; align-items:center; gap:16px; z-index:1; font-size:13.5px; color:rgba(255,255,255,.75);}
.lm-rodape b{color:#fff; font-weight:700;}
.lm-sep{width:4px; height:4px; border-radius:50%; background:rgba(255,255,255,.4);}
.lm-elemento-fundo{
  position:absolute; right:-120px; bottom:-140px; width:440px; opacity:.10;
  transform:rotate(-8deg); pointer-events:none;
}

/* painel do formulário (direita) */
.login-form{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  padding:48px 32px; position:relative; background:#fff;
}
.lf-caixa{width:100%; max-width:360px;}
.lf-elemento{width:44px; height:auto; margin-bottom:20px;}
.lf-caixa h2{
  font-family:'Montserrat',sans-serif; font-weight:800; font-size:26px;
  letter-spacing:-.02em; margin:0 0 6px; color:var(--easy-preto);
}
.lf-sub{color:#6B7A6E; font-size:14.5px; margin:0 0 28px;}
.lf-caixa label{display:block; font-size:13px; font-weight:600; margin:16px 0 6px; color:var(--easy-preto);}
.lf-caixa input{
  width:100%; padding:12px 14px; font:inherit; font-size:15px;
  border:1.5px solid #E2E8E2; border-radius:10px; background:#fff; color:var(--easy-preto);
  transition:border-color .12s ease;
}
.lf-caixa input:focus{outline:none; border-color:var(--easy-verde); box-shadow:0 0 0 3px rgba(18,162,127,.15);}
.lf-caixa button{
  width:100%; margin-top:24px; padding:13px; font:inherit; font-size:15px; font-weight:700;
  background:var(--easy-verde); color:#fff; border:none; border-radius:10px; cursor:pointer;
  transition:background .12s ease, transform .08s ease;
}
.lf-caixa button:hover{background:var(--easy-verde-escuro); transform:translateY(-1px);}
.lf-nota{margin-top:22px; font-size:13px; color:#8A9A8D; text-align:center;}
.lf-copy{position:absolute; bottom:20px; font-size:12px; color:#AAB6AC;}
.login-split .erro{
  background:rgba(239,101,40,.08); color:var(--easy-laranja);
  border-radius:8px; padding:9px 12px; font-size:13.5px; text-align:left; margin:0 0 4px;
}

@media (max-width:860px){
  body.login-split{flex-direction:column;}
  .login-marca{flex:none; padding:28px 24px; gap:18px;}
  .lm-centro h1{font-size:44px;}
  .lm-centro p{font-size:14.5px;}
  .lm-rodape{display:none;}
  .lm-elemento-fundo{width:220px; right:-60px; bottom:-80px;}
}