.pmpro-auth-card-container {
    display: flex;             
    justify-content: center;   /* center horizontally */
    align-items: center;       /* center vertically */
    min-height: 100vh;         /* take full screen height */
    padding: 20px;             /* prevent touching screen edges on mobile */
    box-sizing: border-box;
    background-image: url('http://hotticketproductions.com/wp-content/uploads/2025/08/Multiverse-Backdrop.png');
background-size: cover;      /* Makes it responsive */
    background-position: center; /* Keeps it centered */
    background-repeat: no-repeat;
}

/* The card itself */
.pmpro-auth-body {
    width: 500px;
    border-radius: 8px;
    padding: 5px;
    box-sizing: border-box;

}

.pmpro-auth-head{
    text-align:center;
    color: white;
}

/* Form content */
.pmpro-auth-card-container .pmpro_card_content {
    width: 100%;
    margin: 0 auto;            /* center inside card */
    padding: 20px;
}

/* Inputs */
.pmpro-auth-card-container .pmpro_form_fields .pmpro_form_field {
    width: 100%;
    
}

/*MAKING THE REGISTER BUTTON CENTERED*/

#pmpro_submit_span{
    width: 100%;
    text-align:center;
}

.pmpro_card_content{
    width:100%;
    border:none;

}

.pmpro_form_fieldset{
    border:none;
    border-radius:none;
}


/*STYLE BUTTON*/
input#wp-submit.button.button-primary{
    background-color:#019122 !important;
}

/*STYLE BUTTON HOVER*/

input#wp-submit.button.button-primary:hover{
    background-color:#019122 !important;
    color: #fff !important;
}

/*STYLE LOGIN IN INPUT BUTTON HOVER*/

input#user_login.input, input#user_pass.input{
        background-color:#E7F0FE !important;
        border:none !important;
}


/* Mobile optimization */
@media (max-width: 768px) {
    .pmpro-auth-body {
        width: 400px;       /* use full width on mobile */
        margin:auto;

    }

    .pmpro-auth-card-container .pmpro_card_content {
        width: 100%;
    }
    .pmpro-auth-card-container .pmpro_form_fields .pmpro_form_field {
    width: 100%;
}
}