:root { --sy-accent: #3457d5; --sy-accent-hover: #2a47b3; }
body.task-login {
  background: radial-gradient(1200px 600px at 15% -10%, rgba(52,87,213,.35), transparent 60%),
              radial-gradient(900px 500px at 110% 110%, rgba(52,87,213,.22), transparent 60%),
              #0f1422 !important;
}
body.task-login #layout-content { background: transparent !important; }
body.task-login #login-form {
  background: rgba(22,28,46,.86);
  border: 1px solid rgba(143,166,255,.18);
  border-radius: 18px;
  padding: 2.25rem 2rem 1.5rem;
  box-shadow: 0 24px 60px rgba(0,0,0,.45);
  backdrop-filter: blur(6px);
  width: min(26rem, 92vw);
  max-width: none;
}
body.task-login #logo { width: 260px; max-width: 80vw; margin-bottom: 1.5rem; }
body.task-login #login-form .input-group-text,
body.task-login #login-form input.form-control {
  background: #121829 !important;
  border-color: #2b3553 !important;
  color: #e6e9f2 !important;
  height: 2.75rem;
}
body.task-login #login-form input.form-control:focus {
  border-color: var(--sy-accent) !important;
  box-shadow: 0 0 0 3px rgba(52,87,213,.25) !important;
}
body.task-login #login-form .input-group-text { border-radius: 10px 0 0 10px !important; }
body.task-login #login-form input.form-control { border-radius: 0 10px 10px 0 !important; }
body.task-login #rcmloginsubmit {
  background: var(--sy-accent) !important;
  border-color: var(--sy-accent) !important;
  border-radius: 10px;
  height: 2.75rem;
  font-weight: 600;
  letter-spacing: .04em;
}
body.task-login #rcmloginsubmit:hover { background: var(--sy-accent-hover) !important; }
body.task-login #login-footer { color: #6f7a94 !important; margin-top: 1.25rem; }
.btn-primary, .button.mainaction { background-color: var(--sy-accent); border-color: var(--sy-accent); }
.btn-primary:hover, .button.mainaction:hover { background-color: var(--sy-accent-hover); border-color: var(--sy-accent-hover); }