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

.legal-page{

    max-width:900px;

    margin:auto;

    display:flex;

    flex-direction:column;

    gap:30px;

}

.legal-page section{

    background:#ffffff;

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

    border-radius:16px;

    padding:35px;

    box-shadow:var(--shadow);

}

.legal-page h2{

    color:var(--primary);

    margin-bottom:18px;

    font-size:1.8rem;

}

.legal-page p{

    color:var(--text-light);

    line-height:1.9;

    font-size:1.05rem;

}

.legal-page a{

    color:var(--primary);

    font-weight:600;

}

.legal-page a:hover{

    text-decoration:underline;

}

/* =======================================
   RESPONSIVE
======================================= */

@media (max-width:576px){

    .legal-page section{

        padding:24px;

    }

    .legal-page h2{

        font-size:1.5rem;

    }

}