/* ============================================================
   ASMC
   PHASE 8D
   REGISTRATION PROCESSING
============================================================ */


/* ============================================================
   VALIDATION SUMMARY
============================================================ */

.reg8d-error-summary {
    margin:
        0
        0
        2.25rem;

    padding:
        1.1rem
        1.25rem;

    border-left:
        4px solid
        #F7941D;

    background:
        #FEF4E8;
}


.reg8d-error-summary strong {
    display:
        block;

    margin-bottom:
        0.3rem;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.85rem;

    color:
        #211627;
}


.reg8d-error-summary p {
    margin:
        0;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.78rem;

    line-height:
        1.5;

    color:
        #3A2D40;
}



/* ============================================================
   DJANGO FIELD ERRORS
============================================================ */

.errorlist {
    margin:
        0.5rem
        0
        0;

    padding:
        0;

    list-style:
        none;
}


.errorlist li {
    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.72rem;

    line-height:
        1.4;

    color:
        #92278F;
}



/* ============================================================
   SUCCESS PAGE
============================================================ */

.registration-success-page {
    background:
        #F6F2F9;
}


.reg8d-success {
    width:
        100%;
}


.reg8d-success-section {
    min-height:
        calc(
            82svh
            -
            var(--header-height)
        );

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        clamp(
            4rem,
            7vw,
            7rem
        )
        1.5rem;

    background:
        linear-gradient(
            145deg,
            #F0EAF4 0%,
            #FBF9FC 50%,
            #F4E9F4 100%
        );
}



/* ============================================================
   SUCCESS CARD
============================================================ */

.reg8d-success-card {
    width:
        min(
            100%,
            760px
        );

    box-sizing:
        border-box;

    padding:
        clamp(
            2.5rem,
            5vw,
            4.5rem
        );

    border:
        1px solid
        rgba(
            102,
            46,
            147,
            0.12
        );

    border-radius:
        clamp(
            28px,
            4vw,
            44px
        );

    background:
        #FFFFFF;

    box-shadow:
        0 25px 70px
        rgba(
            33,
            22,
            39,
            0.08
        );

    text-align:
        center;
}



/* ============================================================
   SUCCESS KICKER
============================================================ */

.reg8d-success-kicker {
    margin:
        0
        0
        1.5rem;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.74rem;

    font-weight:
        600;

    letter-spacing:
        0.1em;

    text-transform:
        uppercase;

    color:
        #F7941D;
}



/* ============================================================
   SUCCESS MARK
============================================================ */

.reg8d-success-mark {
    width:
        62px;

    height:
        62px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0
        auto
        1.75rem;

    border-radius:
        50%;

    background:
        #662E93;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        1.6rem;

    font-weight:
        600;

    color:
        #FFFFFF;
}



/* ============================================================
   SUCCESS TYPOGRAPHY
============================================================ */

.reg8d-success-card h1 {
    max-width:
        620px;

    margin:
        0
        auto
        1.25rem;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        clamp(
            2.8rem,
            5vw,
            4.8rem
        );

    font-weight:
        700;

    line-height:
        0.98;

    letter-spacing:
        -0.055em;

    color:
        #211627;
}


.reg8d-success-message {
    max-width:
        520px;

    margin:
        0
        auto
        0.8rem;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        1rem;

    line-height:
        1.65;

    color:
        #3A2D40;
}


.reg8d-success-note {
    max-width:
        520px;

    margin:
        0
        auto
        2.25rem;

    font-family:
        var(--font-body, "Inter", sans-serif);

    font-size:
        0.76rem;

    line-height:
        1.55;

    color:
        rgba(
            58,
            45,
            64,
            0.62
        );
}



/* ============================================================
   SUCCESS ACTIONS
============================================================ */

.reg8d-success-actions {
    display:
        flex;

    justify-content:
        center;

    align-items:
        center;

    gap:
        0.8rem;

    flex-wrap:
        wrap;
}


.reg8d-success-primary,
.reg8d-success-secondary {
    min-height:
        48px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        0.75rem
        1.2rem;

    border-radius:
        999px;

    font-family:
        var(--font-display, "Poppins", sans-serif);

    font-size:
        0.8rem;

    font-weight:
        600;

    text-decoration:
        none;
}


.reg8d-success-primary {
    background:
        #662E93;

    color:
        #FFFFFF;
}


.reg8d-success-secondary {
    border:
        1px solid
        rgba(
            33,
            22,
            39,
            0.16
        );

    color:
        #211627;
}



/* ============================================================
   MOBILE
============================================================ */

@media (max-width: 600px) {

    .reg8d-success-section {
        padding:
            3rem
            1rem;
    }


    .reg8d-success-card {
        padding:
            2.25rem
            1.4rem;
    }


    .reg8d-success-actions {
        flex-direction:
            column;
    }


    .reg8d-success-primary,
    .reg8d-success-secondary {
        width:
            100%;

        box-sizing:
            border-box;
    }

}