/* RESET */
* { box-sizing: border-box; }
html,body { height:100%; margin:0; font-family:'Inter', sans-serif; }
.pl-layout { min-height:100vh; display:flex; }

/* ==============================
   ESQUERDA (FORMULÁRIO)
   ============================== */

.pl-left {
  width:40%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
  background:#ffffff; /* TOTALMENTE BRANCO */
}

.pl-card {
  width:380px;
  max-width:92%;
  background:#ffffff; /* FUNDO BRANCO */
  border-radius:16px;
  padding:28px;
  box-shadow:none; /* SEM SOMBRA */
}

.pl-logo {
  height:48px;
  margin-bottom:12px;
}

.pl-sub {
  margin:0 0 16px 0;
  color:#444;
  font-size:14px;
}

/* ALERTAS */
.alert {
  padding:10px 12px;
  border-radius:8px;
  font-size:13px;
  margin-bottom:14px;
}
.alert-danger { background:#ffecec; color:#c3183b; }
.alert-success { background:#e9fff0; color:#0d7b3a; }

/* CAMPOS MENORES */
.field-label {
  font-size:13px;
  font-weight:600;
  margin-bottom:6px;
}
.field {
  width:100%;
  padding:10px 12px;
  font-size:14px;
  border-radius:8px;
  border:1px solid #e5e8ee;
  background:#f8fbff;
  outline:none;
}
.field:focus {
  border-color:#e93378;
}

/* BOTÃO ROSA DO PAINEL */
.btn-primary {
  margin-top:16px;
  width:100%;
  padding:12px;
  font-size:15px;
  border:0;
  border-radius:8px;
  cursor:pointer;
  font-weight:600;
  color:white;
  background:#E93378; /* ROSA */
  transition:0.2s;
}
.btn-primary:hover {
  opacity:0.9;
}

/* Link pequeno */
.link-forgot {
  display:block;
  margin-top:12px;
  font-size:12px;
  color:#6b6b6b;
  text-decoration:none;
}

/* ==============================
   DIREITA (FUNDO SÓLIDO + IMAGEM)
   ============================== */

.pl-right {
  width:60%;
  background:#4ed7e0; /* FUNDO CIANO SÓLIDO */
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
  overflow:hidden;
}

/* imagem maior e sem sombra */
.mockup-area {
  width:85%;
  max-width:1000px;
}

.mockup-main {
  width:105%;        /* IMAGEM BEM GRANDE */
  height:auto;
  border-radius:10px;
  box-shadow:none;    /* SEM SOMBRA */
}

/* RESPONSIVO */
@media (max-width:1100px) {
  .pl-right { display:none; }
  .pl-left { width:100%; }
}