.elementor-907 .elementor-element.elementor-element-5380d665{--display:flex;}.elementor-907 .elementor-element.elementor-element-402bb8ee{border-radius:0px 0px 0px 0px;}/* Start custom CSS for shortcode, class: .elementor-element-402bb8ee *//* Center and constrain form width */
.um-907.um, .um-906.um, .um {
    max-width: 500px !important;
    margin: 40px auto !important;
}

/* Field labels */
.um .um-form label,
.um .um-field-label label,
.um .um-field-label {
    color: #e2e8f0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 1. Default input state: exact match to contact form */
.um input[type="text"], 
.um input[type="password"], 
.um input[type="email"] {
    background-color: #02070a !important;
    border: 1px solid #0c1b26 !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    color: #f8fafc !important;
    padding: 13px 14px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}

/* 2. Focused state: exact crimson focus border from "Last Name" field */
.um input[type="text"]:focus, 
.um input[type="password"]:focus, 
.um input[type="email"]:focus {
    border-color: #8b1525 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Input placeholder text */
.um input::placeholder {
    color: #334155 !important;
}

/* 3. Primary Register Button (Sharp edges + matched gradient) */
.um .um-button, 
.um input[type="submit"].um-button {
    background: linear-gradient(135deg, #7c1a22 0%, #2e0d14 100%) !important;
    border: 1px solid #8b1525 !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    padding: 13px 0 !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.um .um-button:hover,
.um input[type="submit"].um-button:hover {
    background: linear-gradient(135deg, #991b1b 0%, #3d101a 100%) !important;
    border-color: #a81c2f !important;
}

/* 4. Secondary Login Button (Sharp edges) */
.um .um-button.um-alt {
    background: #040c12 !important;
    border: 1px solid #0c1b26 !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    color: #94a3b8 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 13px 0 !important;
    transition: all 0.2s ease !important;
}

.um .um-button.um-alt:hover {
    background: #081520 !important;
    color: #ffffff !important;
    border-color: #1e293b !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5380d665 *//* Center and constrain form width */
.um-907.um, .um-906.um, .um {
    max-width: 500px !important;
    margin: 40px auto !important;
}

/* Field labels */
body .um .um-form label,
body .um .um-field-label label,
body .um .um-field-label {
    color: #e2e8f0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* 1. Default input state: Bulletproof .elementor-907 .elementor-element.elementor-element-5380d665s for dark theme border */
body .um .um-form input[type="text"], 
body .um .um-form input[type="password"], 
body .um .um-form input[type="email"],
body .um .um-form input.um-form-field {
    background-color: #02070a !important;
    border: 1px solid #1e293b !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    color: #f8fafc !important;
    padding: 13px 14px !important;
    font-size: 15px !important;
    box-sizing: border-box !important;
    outline: none !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}

/* 2. Focused state: Crimson red focus border */
body .um .um-form input[type="text"]:focus, 
body .um .um-form input[type="password"]:focus, 
body .um .um-form input[type="email"]:focus,
body .um .um-form input.um-form-field:focus {
    border: 1px solid #8b1525 !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Input placeholder text */
body .um .um-form input::placeholder {
    color: #334155 !important;
}

/* 3. Primary Register Button (Sharp edges + matched gradient) */
body .um .um-button, 
body .um input[type="submit"].um-button {
    background: linear-gradient(135deg, #7c1a22 0%, #2e0d14 100%) !important;
    border: 1px solid #8b1525 !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    letter-spacing: 0.5px !important;
    padding: 13px 0 !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

body .um .um-button:hover,
body .um input[type="submit"].um-button:hover {
    background: linear-gradient(135deg, #991b1b 0%, #3d101a 100%) !important;
    border-color: #a81c2f !important;
}

/* 4. Secondary Login Button (Sharp edges) */
body .um .um-button.um-alt {
    background: #040c12 !important;
    border: 1px solid #1e293b !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    color: #94a3b8 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 13px 0 !important;
    transition: all 0.2s ease !important;
}

body .um .um-button.um-alt:hover {
    background: #081520 !important;
    color: #ffffff !important;
    border-color: #334155 !important;
}/* End custom CSS */