.legal-page{
    min-height:100vh;
    padding:60px 0;
    background:
        radial-gradient(circle at 15% 10%, rgba(47,128,255,.12), transparent 28%),
        radial-gradient(circle at 85% 20%, rgba(122,44,255,.13), transparent 30%),
        #f8fbff;
}

.legal-logo{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:30px;
    color:#121a35;
    font-size:28px;
    font-weight:900;
    text-decoration:none;
}

.legal-logo span{
    width:46px;
    height:46px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:linear-gradient(135deg,#2f80ff,#7a2cff);
}

.legal-card{
    max-width:960px;
    padding:52px;
    border-radius:30px;
    background:#fff;
    border:1px solid #e3e8f4;
    box-shadow:0 25px 80px rgba(30,50,95,.1);
}

.legal-card h1{
    font-size:44px;
    font-weight:950;
    margin-bottom:10px;
    letter-spacing:-.04em;
}

.legal-date{
    color:#6b7690;
    margin-bottom:36px;
}

.legal-card h2{
    font-size:22px;
    font-weight:900;
    margin-top:30px;
    margin-bottom:12px;
}

.legal-card p{
    color:#596681;
    font-size:17px;
    line-height:1.75;
    margin-bottom:0;
}

@media(max-width:575px){
    .legal-page{
        padding:30px 0;
    }

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

    .legal-card h1{
        font-size:32px;
    }
}