.legal-hero{
    background:linear-gradient(
        135deg,
        #0d2c4a,
        #16466f
    );

    color:white;
    text-align:center;

    padding:100px 20px;
}

.legal-hero h1{
    font-size:48px;
    margin-bottom:15px;
}

.legal-content{
    padding:80px 0;
    background:#f5f7fa;
}

.legal-card{

    background:white;

    max-width:1000px;

    margin:auto;

    padding:50px;

    border-radius:15px;

    box-shadow:0 5px 20px rgba(0,0,0,.08);
}

.legal-card h2{

    color:#0d2c4a;

    margin-top:30px;
    margin-bottom:15px;
}

.legal-card p{

    line-height:1.9;

    color:#555;

    margin-bottom:15px;
}

@media(max-width:768px){

    .legal-card{
        padding:25px;
    }

    .legal-hero h1{
        font-size:34px;
    }
}