.elementor-3296745 .elementor-element.elementor-element-56521c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3296745 .elementor-element.elementor-element-93ef824{text-align:center;}.elementor-3296745 .elementor-element.elementor-element-81270c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-258492e *//* 1. Obliterate the Blue Box and all hidden wrappers */
.uap-register-form .uap-ext-links,
.uap-register-form .uap-submit-wrapper,
.uap-register-form .uap-login-link-wrap,
.uap-register-form div[class*="uap-ext"] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important; 
    margin: 0 !important;
    display: inline-block !important; 
    vertical-align: middle !important; /* Forces them onto the exact same baseline */
}

/* 2. Style BOTH buttons to be identical Gold Pills with WHITE text */
.uap-register-form input[type="submit"],
.uap-register-form a[href*="login"] {
    background: linear-gradient(to right, #c29346, #ffe9bb, #d1a559, #ffe9bb, #c09243) !important;
    color: #ffffff !important; 
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    display: inline-flex !important; 
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    width: 180px !important; 
    height: 55px !important; 
    margin: 10px 5px !important; 
    box-shadow: 0px 4px 10px rgba(0,0,0,0.1) !important;
    box-sizing: border-box !important;
}

/* 3. Hover state for the buttons */
.uap-register-form input[type="submit"]:hover,
.uap-register-form a[href*="login"]:hover {
    background: linear-gradient(to right, #c09243, #ffe9bb, #d1a559, #ffe9bb, #c29346) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0px 6px 15px rgba(0,0,0,0.2) !important;
    color: #ffffff !important;
}

/* 4. Turn the "Accept our Terms & Conditions" text solid gold */
.uap-register-form .uap-tos-wrap a,
.uap-register-form a[href*="terms"],
.uap-register-form a[href*="Terms"],
.uap-register-form a[href*="Conditions"] {
    color: #c29346 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}/* End custom CSS */