/* ========================================
   BIVA LEGAL PAGES
======================================== */

.biva-legal-page {
    min-height: 100vh;

    padding:
        42px 20px 64px;

    color:
        #142033;

    background:
        linear-gradient(
            180deg,
            #f6f9fd 0%,
            #ffffff 100%
        );

    font-family:
        Inter,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


.biva-legal-shell {
    width:
        min(
            920px,
            100%
        );

    margin:
        0 auto;
}


.biva-legal-hero {
    padding:
        clamp(
            28px,
            5vw,
            48px
        );

    border-radius:
        28px;

    color:
        #ffffff;

    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(
                36,
                87,
                230,
                0.42
            ),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            #071a33,
            #123f7a
        );

    box-shadow:
        0 28px 70px
        rgba(
            7,
            26,
            51,
            0.18
        );
}


.biva-legal-eyebrow {
    display:
        inline-block;

    margin-bottom:
        14px;

    color:
        #f4bd27;

    font-size:
        0.68rem;

    font-weight:
        850;

    letter-spacing:
        0.13em;
}


.biva-legal-hero h1 {
    margin:
        0;

    color:
        #ffffff;

    font-size:
        clamp(
            2.4rem,
            6vw,
            4.6rem
        );

    font-weight:
        900;

    line-height:
        1;

    letter-spacing:
        -0.055em;
}


.biva-legal-hero p {
    max-width:
        760px;

    margin:
        18px 0 0;

    color:
        rgba(
            255,
            255,
            255,
            0.72
        );

    font-size:
        0.96rem;

    line-height:
        1.7;
}


.biva-legal-card {
    margin-top:
        20px;

    padding:
        28px;

    border:
        1px solid
        #e4e9f1;

    border-radius:
        22px;

    background:
        #ffffff;

    box-shadow:
        0 10px 34px
        rgba(
            15,
            23,
            42,
            0.05
        );
}


.biva-legal-card h2 {
    margin:
        0 0 14px;

    color:
        #071a33;

    font-size:
        1.45rem;

    font-weight:
        850;

    line-height:
        1.25;
}


.biva-legal-card h3 {
    margin:
        22px 0 8px;

    color:
        #123f7a;

    font-size:
        1rem;

    font-weight:
        850;
}


.biva-legal-card p {
    margin:
        0 0 12px;

    color:
        #667085;

    font-size:
        0.9rem;

    line-height:
        1.72;
}


.biva-legal-card p:last-child {
    margin-bottom:
        0;
}


.biva-legal-card ul {
    margin:
        12px 0 0;

    padding-left:
        22px;
}


.biva-legal-card li {
    margin-bottom:
        8px;

    color:
        #667085;

    font-size:
        0.88rem;

    line-height:
        1.65;
}


.biva-legal-card a {
    color:
        #2457e6;

    font-weight:
        800;

    text-decoration:
        none;
}


.biva-legal-card a:hover {
    text-decoration:
        underline;
}


/* ========================================
   ACCOUNT DELETION STEPS
======================================== */

.biva-legal-steps {
    margin-top:
        18px;

    display:
        grid;

    gap:
        12px;
}


.biva-legal-steps > div {
    padding:
        15px;

    display:
        flex;

    align-items:
        flex-start;

    gap:
        12px;

    border:
        1px solid
        #e4e9f1;

    border-radius:
        15px;

    background:
        #f8fafc;
}


.biva-legal-steps > div > span {
    width:
        30px;

    height:
        30px;

    flex:
        0 0 30px;

    display:
        grid;

    place-items:
        center;

    border-radius:
        10px;

    color:
        #ffffff;

    background:
        #2457e6;

    font-size:
        0.75rem;

    font-weight:
        900;
}


.biva-legal-steps p {
    margin:
        4px 0 0;
}


/* ========================================
   NOTES
======================================== */

.biva-legal-note {
    margin-top:
        16px;

    padding:
        16px;

    border:
        1px solid
        #d4e6fb;

    border-radius:
        15px;

    color:
        #31506f;

    background:
        #eef6ff;

    font-size:
        0.82rem;

    line-height:
        1.65;
}


/* ========================================
   PRIMARY BUTTON
======================================== */

.biva-legal-primary-button {
    min-height:
        48px;

    margin-top:
        12px;

    padding:
        0 18px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        0;

    border-radius:
        13px;

    color:
        #ffffff;

    background:
        #071a33;

    box-shadow:
        0 12px 28px
        rgba(
            7,
            26,
            51,
            0.16
        );

    font-size:
        0.82rem;

    font-weight:
        850;

    cursor:
        pointer;
}


/* ========================================
   FOOTER
======================================== */

.biva-legal-footer {
    padding:
        26px 4px 0;

    text-align:
        center;
}


.biva-legal-footer p {
    margin:
        0;

    color:
        #8a94a5;

    font-size:
        0.72rem;

    line-height:
        1.55;
}


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

@media (
    max-width:
    640px
) {

    .biva-legal-page {
        padding:
            20px 14px 44px;
    }


    .biva-legal-hero {
        padding:
            26px 20px;

        border-radius:
            22px;
    }


    .biva-legal-card {
        padding:
            22px 18px;

        border-radius:
            18px;
    }


    .biva-legal-card h2 {
        font-size:
            1.25rem;
    }


    .biva-legal-primary-button {
        width:
            100%;
    }

}