.legal-page{
    padding:150px 0 120px;
    background:#0d0d0d;
}

.legal-wrap{
    width:min(90%,980px);
    margin:auto;
}

.legal-header{
    margin-bottom:50px;
}

.legal-header h1{
    margin:24px 0 18px;
    color:#ffffff;
    font-family:var(--font-title);
    font-size:clamp(44px,5vw,68px);
    line-height:1.1;
}

.legal-header p,
.legal-content p,
.legal-content li{
    color:var(--color-text-light);
    font-size:17px;
    line-height:1.9;
}

.legal-content{
    display:grid;
    gap:34px;
}

.legal-block{
    padding:34px;
    border:1px solid rgba(255,255,255,.07);
    border-radius:24px;
    background:rgba(255,255,255,.03);
}

.legal-block h2{
    margin-bottom:18px;
    color:#ffffff;
    font-size:26px;
}

.legal-block ul{
    display:grid;
    gap:10px;
    padding-left:20px;
    list-style:disc;
}

.legal-note{
    margin-top:40px;
    padding:22px 24px;
    border-radius:18px;
    background:rgba(255,79,163,.08);
    border:1px solid rgba(255,79,163,.2);
    color:#ffffff;
    line-height:1.8;
}

@media(max-width:768px){
    .legal-page{
        padding:120px 0 90px;
    }

    .legal-block{
        padding:26px;
    }
}