html, body { min-height: 100%; }
body { background: var(--k-body-bg); color: var(--k-text); }
.login-layout { min-height: 100vh; }
.login-brand {
  background: var(--k-primary);
  background-image:
    radial-gradient(circle at 18% 22%, rgba(255, 107, 92, .22), transparent 38%),
    radial-gradient(circle at 82% 78%, rgba(255, 184, 77, .18), transparent 42%);
  color: #fff;
}
.login-brand img { width: min(230px, 55%); height: auto; }
.login-card {
  width: min(430px, calc(100% - 2rem));
  border: 0;
  border-radius: var(--k-radius-lg);
  box-shadow: var(--k-shadow-lg);
}
.login-title { color: var(--k-primary); font-weight: 700; }
.contexto-card { cursor: pointer; transition: transform .15s ease, border-color .15s ease; }
.contexto-card:hover { transform: translateY(-1px); border-color: var(--k-primary); }
@media (max-width: 767.98px) {
  .login-brand { min-height: 220px; }
}