/*                                                                         |
| -------------------------------------------------------------------------- |
| RESET                                                                      |
| -------------------------------------------------------------------------- |
| */                                                                         

html,
body.page-id-329 {


margin: 0 !important;
padding: 0 !important;

width: 100% !important;
min-height: 100vh !important;

overflow-x: hidden;


}

 /*                                                                         |
| -------------------------------------------------------------------------- |
| PAGE BACKGROUND                                                            |
| -------------------------------------------------------------------------- |
| */                                                                         

body.page-id-329 {


background:
    linear-gradient(
        135deg,
        #f8fafc 0%,
        #eef2ff 50%,
        #f8fafc 100%
    );


}

/*                                                                         |
| -------------------------------------------------------------------------- |
| BLUR OVERLAY                                                               |
| -------------------------------------------------------------------------- |
| */                                                                         

.dqmate-auth-wrapper {

    position: fixed;

    top: 0;
    left: 0;

    width: 100%;
    height: 100vh;

    display: flex;

    justify-content: center;
    align-items: center;

    padding: 20px;

    background:
        rgba(15, 23, 42, 0.72);

    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);

    z-index: 999999;

    overflow-y: auto;

}

/*                                                                         |
| -------------------------------------------------------------------------- |
| MAIN CARD                                                                  |
| -------------------------------------------------------------------------- |
| */                                                                         

.dqmate-container {

    width: 100%;

    max-width: 860px;

    background: #ffffff;

    border-radius: 28px;

    padding: 18px 22px;

    position: relative;

    box-shadow:
        0 30px 90px rgba(0,0,0,.22);

    border:
        1px solid rgba(255,255,255,.4);

    animation:
        dqmateFadeIn .35s ease;

}


 /*                                                                         |
| -------------------------------------------------------------------------- |
| SECTION SPACING                                                            |
| -------------------------------------------------------------------------- |
| */                                                                         

.dqmate-hero,
.dqmate-benefits-section {

    margin-bottom: 16px;

}

.dqmate-privacy-section {

    margin-bottom: 12px;

}

.dqmate-cta-section {

    margin-top: 12px;

    margin-bottom: 0;

}

 /*                                                                         |
| -------------------------------------------------------------------------- |
| FORM WRAPPERS                                                              |
| -------------------------------------------------------------------------- |
| */                                                                         

#dqmate_signup_form,
#dqmate_signin_form {

    display: none;

    width: 100%;

    max-width: 1200px;

    margin: 0 auto;
}

/*                                                                         |
| -------------------------------------------------------------------------- |
| FORM MODE                                                                  |
| -------------------------------------------------------------------------- |
| */                                                                         

.dqmate-form-mode {


max-width: 1200px !important;


}

 /*                                                                         |
| -------------------------------------------------------------------------- |
| ANIMATION                                                                  |
| -------------------------------------------------------------------------- |
| */                                                                         

@keyframes dqmateFadeIn {


from {

    opacity: 0;

    transform: translateY(20px);
}

to {

    opacity: 1;

    transform: translateY(0);
}


}

/*                                                                         |
| -------------------------------------------------------------------------- |
| TABLET                                                                     |
| -------------------------------------------------------------------------- |
| */                                                                         

@media (max-width: 1024px) {


.dqmate-container {

    max-width: 95%;

    padding: 30px;
}


}

/*                                                                         |
| -------------------------------------------------------------------------- |
| MOBILE                                                                     |
| -------------------------------------------------------------------------- |
| */                                                                         

@media (max-width: 768px) {


.dqmate-auth-wrapper {

    padding: 10px;
}

.dqmate-container {

    padding: 20px;

    border-radius: 20px;
}


}

/*
|--------------------------------------------------------------------------
| SMALL MOBILE
|--------------------------------------------------------------------------
*/

@media (max-width: 480px) {

    .dqmate-container {
        padding: 16px;
    }

}

/*
|--------------------------------------------------------------------------
| SIGNUP FORM PAGE
|--------------------------------------------------------------------------
*/

#dqmate_signup_form {

    display: none;

    max-width: 1200px;

    margin: 0 auto;
}

#dqmate_signup_form .dqmate-auth-form {

    max-width: 1200px;

    margin: 0 auto;
}

#dqmate_signup_form .dqmate-form-card {

    width: 100%;

    max-width: 1200px;
}

/*
|--------------------------------------------------------------------------
| FORM MODE
|--------------------------------------------------------------------------
*/

.dqmate-container.dqmate-form-mode {

    max-width: 1300px;

    width: 95%;

    padding: 0;

    background: transparent;

    border: none;

    box-shadow: none;
}
/*
|--------------------------------------------------------------------------
| HIDE LANDING CONTENT
|--------------------------------------------------------------------------
*/

.dqmate-container.dqmate-form-mode
#dqmate_landing_content {

    display: none !important;
}

/*
|--------------------------------------------------------------------------
| REMOVE EXTRA SPACING
|--------------------------------------------------------------------------
*/

.dqmate-container.dqmate-form-mode
.dqmate-auth-form {

    margin: 0;
}

.dqmate-container.dqmate-form-mode
#dqmate_signup_form,
.dqmate-container.dqmate-form-mode
#dqmate_signin_form {

     width: 100%;
}

/*
|--------------------------------------------------------------------------
| FULL SCREEN FORM
|--------------------------------------------------------------------------
*/

.dqmate-container.dqmate-form-mode
.dqmate-signup-layout {

    border-radius: 24px;

    overflow: hidden;
}

/*
|--------------------------------------------------------------------------
| TABLET + MOBILE FIX
|--------------------------------------------------------------------------
*/

@media (max-width: 991px) {

    .dqmate-auth-wrapper {

        align-items: flex-start;

        padding: 15px;

    }

    .dqmate-container {

        width: 100%;

        max-width: 100%;

        padding: 0;

    }

    .dqmate-signup-layout {

        min-height: auto !important;

        height: auto !important;

    }

}

/* Company logo on auth screens */
.dqmate-brand .dqmate-logo-img {
    height: 72px;
    width: auto;
    max-width: 300px;
    display: block;
    object-fit: contain;
}

/* ---------------------------------------------------- */
/*  BRAND — logo + name on the same line (logo first)   */
/* ---------------------------------------------------- */
.dqmate-brand {
    display: flex !important;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
}

.dqmate-brand h2 {
    margin: 0;
    padding: 0;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.dqmate-brand .dqmate-logo-img {
    flex-shrink: 0;
}