/* =========================================================
   ORGANIZER LOGIN
========================================================= */

.organizer-auth-hero-login {
    background:
        linear-gradient(
            90deg,
            rgba(8, 18, 33, .96),
            rgba(8, 18, 33, .78)
        ),
        url("../images/Organizer-Login-Hero.webp")
        center center / cover no-repeat;
}


.organizer-login-card {
    max-width: 720px;
}


.organizer-login-options {
    display: flex;

    justify-content: flex-end;

    margin-top: -6px;
}


.organizer-login-options a {
    color: #ff2f75;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none;
}


.organizer-verification-actions {
    display: none;

    margin-top: 24px;

    padding: 20px;

    border: 1px solid #f0d9a8;

    border-radius: 14px;

    background: #fffaf0;

    text-align: center;
}


.organizer-verification-actions.is-visible {
    display: block;
}


.organizer-verification-actions p {
    margin: 0 0 14px;

    color: #7a5a16;

    font-size: 14px;

    line-height: 1.6;
}


.organizer-verification-actions button {
    border: 0;

    background: transparent;

    color: #ff2f75;

    font-family: inherit;

    font-size: 14px;

    font-weight: 700;

    cursor: pointer;
}


/* =========================================================
   ORGANIZER STATUS
========================================================= */

.organizer-status-main {
    background: #f3f6ff;
}


.organizer-status-section {
    min-height: 75vh;

    display: flex;

    align-items: center;

    padding: 180px 0 100px;
}


.organizer-status-card {
    max-width: 760px;

    margin: 0 auto;

    padding: 55px 45px;

    border: 1px solid #e7ebf2;

    border-radius: 26px;

    background: #ffffff;

    text-align: center;
}


.organizer-status-icon {
    width: 84px;
    height: 84px;

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

    margin: 0 auto 28px;

    border-radius: 24px;

    background:
        linear-gradient(
            135deg,
            #ff2f75,
            #ff9d1c
        );

    color: #ffffff;

    font-size: 32px;
}


.organizer-status-card h1 {
    margin: 0 0 22px;

    color: #081221;

    font-size: 44px;

    line-height: 1.2;

    font-weight: 800;
}


.organizer-status-card p {
    max-width: 620px;

    margin: 0 auto 16px;

    color: #687280;

    font-size: 17px;

    line-height: 1.8;
}


.organizer-status-actions {
    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 16px;

    margin-top: 32px;
}


.organizer-status-secondary {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 52px;

    padding: 13px 28px;

    border: 1px solid #dfe4ec;

    border-radius: 40px;

    color: #081221;

    font-weight: 600;

    text-decoration: none;
}


@media (max-width: 768px) {

    .organizer-status-section {
        padding: 150px 0 80px;
    }


    .organizer-status-card {
        padding: 40px 25px;
    }


    .organizer-status-card h1 {
        font-size: 36px;
    }

}


@media (max-width: 520px) {

    .organizer-status-card h1 {
        font-size: 31px;
    }


    .organizer-status-actions {
        flex-direction: column;
    }


    .organizer-status-actions a {
        width: 100%;
    }

}