.hero-title {
        font-size: 2rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }

    .legal-card {
        background: #fff;
        border-radius: 20px;
        padding: 30px;
        border: 1px solid #eef2f7;
        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
    }

    .legal-title {
        font-size: 1.3rem;
        font-weight: 700;
        margin-bottom: 20px;
        color: #0d6efd;
    }

    .sub-title {
        font-size: 1rem;
        font-weight: 700;
    }

    .legal-list {
        padding-right: 18px;
        margin-bottom: 0;
    }

    .legal-list li {
        margin-bottom: 14px;
        line-height: 2;
        color: #555;
    }

    .legal-text {
        line-height: 2.1;
        color: #555;
    }

    @media (max-width: 576px) {

        .hero-title {
            font-size: 1.5rem;
        }

        .hero-subtitle {
            font-size: 0.95rem;
        }

        .legal-card {
            padding: 22px;
            border-radius: 16px;
        }

        .legal-title {
            font-size: 1.1rem;
        }

        .legal-list li,
        .legal-text {
            font-size: 0.95rem;
        }
    }