/* Start custom CSS for shortcode, class: .elementor-element-3d3e86e2 *//* Form Container */
.tml, 
form {
  max-width: 400px;
  margin: 40px auto;
  padding: 30px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  font-family: Arial, sans-serif;
}

/* Form Title */
.tml h2,
form h2 {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
}

/* Input Fields */
.tml input[type="text"],
.tml input[type="email"],
.tml input[type="password"],
form input {
  width: 100%;
  padding: 12px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 6px;
  transition: 0.3s;
  font-size: 14px;
}

/* Input Focus */
.tml input:focus,
form input:focus {
  border-color: #0073aa;
  outline: none;
  box-shadow: 0 0 5px rgba(0,115,170,0.3);
}

/* Submit Button */
.tml input[type="submit"],
form button,
form input[type="submit"] {
  width: 100%;
  padding: 12px;
  background: #0073aa;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
}

/* Button Hover */
.tml input[type="submit"]:hover,
form button:hover {
  background: #005f8d;
}

/* Links (forgot password, register) */
.tml a {
  display: block;
  text-align: center;
  margin-top: 10px;
  color: #0073aa;
  text-decoration: none;
}

.tml a:hover {
  text-decoration: underline;
}

/* Error Messages */
.tml .error {
  background: #ffe0e0;
  color: #b30000;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px;
}

/* Success Messages */
.tml .message {
  background: #e0ffe5;
  color: #2d7a2d;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px;
}/* End custom CSS */