.elementor-12111 .elementor-element.elementor-element-339ecac5{--display:flex;--min-height:1440px;--padding-top:0px;--padding-bottom:0px;--padding-left:350px;--padding-right:0px;}@media(min-width:768px){.elementor-12111 .elementor-element.elementor-element-339ecac5{--content-width:500px;}}/* Start custom CSS for shortcode, class: .elementor-element-35d8f73f *//* === UM Password Reset – Match login/register style === */

.um.um-password-reset {
    display: flex;
    justify-content: center;
    padding: 40px 20px;
}

.um.um-password-reset .um-form {
    background-color: #121212;
    border: 2px solid #7fdb41;
    box-shadow: 0 0 20px rgba(127, 219, 65, 0.3);
    border-radius: 16px;
    padding: 40px;
    width: 100%;
    max-width: 600px;
    box-sizing: border-box;
    position: relative;
}

/* ✅ Optional Logo Above Form */
.um.um-password-reset .um-form::before {
    content: "";
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('https://3dtexel.com/wp-content/uploads/2025/04/cropped-cropped-cropped-cropped-freepik-20250423214254d20p-7-1-5.png');
    background-size: 160px auto;
    background-repeat: no-repeat;
    background-position: center;
    height: 160px;
    margin-bottom: 25px;
    filter: drop-shadow(0 0 10px #7fdb41);
}

/* Input field */
.um.um-password-reset .um-form input[type="text"] {
    background-color: #1a1a1a;
    border: 1px solid #333;
    color: #fff;
    border-radius: 8px;
    padding: 12px;
    font-size: 15px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 16px;
}

/* Submit button */
.um.um-password-reset .um-button {
    background-color: #4cc9f0 !important;
    color: #000 !important;
    font-weight: bold;
    font-size: 16px;
    border-radius: 10px;
    padding: 12px 24px;
    width: 100%;
    transition: all 0.3s ease;
}

.um.um-password-reset .um-button:hover {
    background-color: #38a1c9 !important;
}/* End custom CSS */