.legal-page {
    background: var(--bg);
}


/* Hero */

.legal-hero {
    padding: 150px 0 55px;

    background:
            radial-gradient(
                    circle at 20% 0%,
                    rgba(124, 58, 237, 0.15),
                    transparent 35%
            ),
            radial-gradient(
                    circle at 90% 10%,
                    rgba(34, 211, 238, 0.08),
                    transparent 30%
            );
}


.legal-container {
    max-width: 880px;
}


.legal-hero h1 {
    margin: 10px 0 12px;

    font-size: clamp(
            2.5rem,
            6vw,
            4rem
    );

    line-height: 1;
}


.legal-intro {
    margin: 0;

    color: var(--muted);

    font-size: 1.05rem;
}


/* Content */

.legal-content {
    padding: 20px 0 100px;
}


.legal-card {
    padding: 45px;

    background:
            linear-gradient(
                    145deg,
                    rgba(124, 58, 237, 0.05),
                    rgba(34, 211, 238, 0.02)
            ),
            var(--card);

    border:
            1px solid var(--line);

    border-radius:
            var(--radius);

    box-shadow:
            var(--shadow);
}


.legal-section {
    padding:
            0 0 32px;

    margin:
            0 0 32px;

    border-bottom:
            1px solid var(--line);
}


.legal-section:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}


.legal-section h2 {
    margin:
            0 0 15px;

    font-size:
            1.25rem;

    color:
            var(--text);
}


.legal-section p {
    margin:
            0 0 14px;

    color:
            var(--muted);

    line-height:
            1.8;
}


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


.legal-section a {
    color:
            var(--accent-2);

    text-decoration:
            none;
}


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


/* Mobile */

@media (max-width: 700px) {

    .legal-hero {
        padding:
                115px 0 40px;
    }

    .legal-content {
        padding-bottom:
                70px;
    }

    .legal-card {
        padding:
                28px 22px;

        border-radius:
                18px;
    }

}