.tml{font-size:1em}.tml *{box-sizing:border-box}.tml .tml-field-wrap{margin-bottom:1em}.tml .tml-label{display:block;margin:.5em 0}.tml .tml-checkbox+.tml-label{display:inline}.tml .tml-field{width:100%}.tml .tml-description{display:block;font-size:.85em;font-style:italic;margin:.5em 0}.tml .tml-errors,.tml .tml-messages{list-style:none;margin:0;padding:0}.tml .tml-action-confirmaction .success,.tml .tml-error,.tml .tml-message,.tml .tml-success{border-left:4px solid #00a0d2;box-shadow:1px 1px 2px 1px rgba(0,0,0,.1);display:block;margin:0 0 1em;padding:.75em}.tml .tml-error{border-left-color:#dc3232}.tml .tml-action-confirmaction .success,.tml .tml-success{border-left-color:#46b450}#pass-strength-result{background-color:#eee;border:1px solid #ddd;color:#23282d;font-weight:700;opacity:0;margin-bottom:1em;padding:.5em}#pass-strength-result.strong{background-color:#c1e1b9;border-color:#83c373;opacity:1}#pass-strength-result.good{background-color:#ffe399;border-color:#ffc733;opacity:1}#pass-strength-result.bad{background-color:#fbc5a9;border-color:#f78b53;opacity:1}#pass-strength-result.short{background-color:#f1adad;border-color:#e35b5b;opacity:1}
.my-login-wrapper {
  display: flex;
  justify-content: center;
  padding: 40px 20px;
}

.my-login-box {
  max-width: 420px;
  width: 100%;
  background: #fff;
  padding: 35px;
  border-radius: 14px;
  box-shadow: 0 8px 28px rgba(0,0,0,0.1);
  border: 1px solid #e1e1e1;
}

.my-login-box .tml-field-wrap input {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #d2d2d2;
  border-radius: 8px;
  margin-bottom: 18px;
  font-size: 16px;
}

.my-login-box .tml-submit-wrap input[type="submit"] {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: none;
  background: #3b82f6;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  transition: 0.25s;
}

.my-login-box .tml-submit-wrap input[type="submit"]:hover {
  background: #2563eb;
}

.my-login-box .tml-links {
  text-align: center;
  margin-top: 15px;
}

.my-login-box .tml-links a {
  color: #2563eb;
  text-decoration: none;
}

.my-login-box .tml-links a:hover {
  text-decoration: underline;
}

.my-login-box .tml-errors {
  background: #ffe5e5;
  border-left: 4px solid #ff3b3b;
  padding: 12px;
  margin-bottom: 20px;
  border-radius: 6px;
}