/* AgroM v2.29 login alignment with the consolidated design system. */
:root{
  --login-brand:#0e7666;
  --login-brand-2:#11a98d;
  --login-line:#dbe6e1;
  --login-bg:#f3f8f6;
}
.agrom-login-page{
  background:
    radial-gradient(circle at 18% 12%,rgba(17,169,141,.14),transparent 28rem),
    radial-gradient(circle at 88% 88%,rgba(14,118,102,.09),transparent 26rem),
    var(--login-bg);
}
.agrom-login-card{
  border:1px solid var(--login-line);
  border-radius:24px;
  box-shadow:0 28px 70px rgba(10,55,45,.12);
  overflow:hidden;
}
.agrom-login-field input{
  min-height:48px;
  border-radius:12px;
  border-color:var(--login-line);
  transition:border-color .15s ease,box-shadow .15s ease;
}
.agrom-login-field input:focus{
  border-color:var(--login-brand-2);
  box-shadow:0 0 0 4px rgba(17,169,141,.15);
  outline:none;
}
.agrom-login-submit{
  min-height:48px;
  border-radius:12px;
  border:0;
  background:linear-gradient(135deg,var(--login-brand),var(--login-brand-2));
  box-shadow:0 10px 24px rgba(14,118,102,.22);
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.agrom-login-submit:hover{transform:translateY(-1px);filter:brightness(1.03);box-shadow:0 14px 28px rgba(14,118,102,.28)}
.agrom-login-submit:active{transform:translateY(0)}
@media (max-width:640px){.agrom-login-card{border-radius:18px}}
@media (prefers-reduced-motion:reduce){.agrom-login-page *{transition:none!important;animation:none!important}}