/* =========================================================
   LOGIN PAGE (page-specific)
   ========================================================= */
.login-logo{
  width: min(320px, 70%);
  height: auto;
  display: block;
  opacity: 0.95;
  margin-top: clamp(2px, 0.8vw, 8px);
}

.login-form{
  width: min(560px, 100%);
  display: grid;
  gap: 14px;
  justify-items: center;
  margin-top: 4px;
}

.login-actions{
  width: min(560px, 100%);
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}

/* Mobile: keep centered */
@media (max-width: 520px){
  .card{ width: min(560px, 92vw); }
}