.df-login-form { position: relative; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100%; max-width: none !important; margin: 0 !important; }
.df-login-form td.input { display: flex; flex-wrap: nowrap; align-items: stretch; width: 100%; }
.df-login-form .input-group-prepend { display: flex; flex: 0 0 52px; }
.df-login-form .input-group-text { display: grid; width: 52px; height: 52px; place-items: center; color: #8fa7be; border: 1px solid rgba(155,184,210,.26); border-right: 0; border-radius: 13px 0 0 13px; background: rgba(255,255,255,.035); }
.df-login-form td.input > input.form-control, .df-login-form .df-password-wrap > input.form-control { border-radius: 0 13px 13px 0; }
.df-login-form .df-password-wrap { flex: 1 1 auto; min-width: 0; }
.df-login-footer { flex: 0 0 auto !important; }
@media (max-width: 520px) {
    .df-account-links { gap: 8px; }
    .df-account-links a { display: flex; min-height: 44px; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid rgba(146,190,226,.12); border-radius: 10px; background: rgba(255,255,255,.025); }
}