/* Soft Connect: identidade visual somente na tela de entrada. */
.auth .intro{
  align-items:center;
  text-align:center;
  padding:48px clamp(24px,5vw,80px);
  background:#000;
  border-right:1px solid #242424;
}
.auth .intro img{
  display:block;
  width:clamp(220px,25vw,330px);
  max-width:100%;
  height:auto;
  object-fit:contain;
  margin:0 auto 28px;
  filter:none;
}
.auth .intro .eyebrow{color:#69d7ff;letter-spacing:2.4px}
.auth .intro h1{font-size:clamp(32px,3.4vw,48px);letter-spacing:-1.2px;margin:18px 0;color:#fff}
.auth .intro p{max-width:440px;color:#c5d8ef;margin-bottom:0}
.auth .intro .trust{color:#8dc6e8;margin-top:32px;line-height:1.8}
.auth{background:linear-gradient(145deg,#fff,#edf5ff)}
.auth-card .eyebrow{color:#1761b1}
.auth-card p{color:#52677f}
.auth-card .primary{
  background:linear-gradient(110deg,#0754cd,#0876d4);
  border-color:#0754cd;
  box-shadow:0 6px 18px #0965cc26;
}
.auth-card .primary:hover{background:#064ba9}
.auth-card input:focus{outline:3px solid #147de52e;border-color:#147de5}
.auth-card .portal-links a{color:#125bbb;text-underline-offset:3px}
@media(max-width:650px){
  .auth .intro{display:flex;padding:28px 20px;border-right:0;border-bottom:1px solid #242424}
  .auth .intro img{width:180px;margin-bottom:16px}
  .auth .intro h1{font-size:30px;margin:12px 0}
  .auth .intro p{font-size:14px}
  .auth .intro .trust{margin-top:18px;font-size:9px}
  .auth-card{padding:30px 0}
}