.legal-page{
    width:min(100% - 30px,950px);
    margin:0 auto;
    padding:28px 0 50px;
}

.legal-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:20px;
    margin-bottom:24px;
}

.legal-header>div{
    display:flex;
    flex-direction:column;
}

.legal-header strong{
    letter-spacing:.06em;
}

.legal-header span{
    color:var(--cyan);
    font-size:11px;
    font-weight:800;
    letter-spacing:.16em;
}

.legal-header a{
    padding:9px 13px;
    border:1px solid rgba(52,206,255,.20);
    border-radius:10px;
    color:#9bc7dd;
    text-decoration:none;
}

.legal-card{
    padding:35px 40px;
    border:1px solid rgba(65,170,225,.20);
    border-radius:20px;
    background:linear-gradient(145deg,#08243a,#041725);
}

.legal-kicker{
    color:var(--cyan);
    font-size:11px;
    font-weight:800;
    letter-spacing:.14em;
}

.legal-card h1{
    margin:8px 0;
    font-size:42px;
}

.updated{
    color:#6f8da2!important;
    font-size:12px!important;
    margin-bottom:28px!important;
}

.legal-card h2{
    margin:28px 0 7px;
    font-size:19px;
}

.legal-card p{
    color:#adc0ce;
    line-height:1.7;
    font-size:14px;
}

.legal-card a{
    color:var(--cyan);
}

.legal-note{
    margin:20px 0;
    padding:15px 17px;
    border-radius:12px;
    border:1px solid rgba(52,206,255,.18);
    background:rgba(7,70,103,.22);
    color:#bad4e3;
    line-height:1.6;
    font-size:13px;
}

.legal-bottom{
    padding:22px;
    text-align:center;
    color:#607e91;
    font-size:11px;
}

.legal-bottom a{
    color:#83b5ce;
    text-decoration:none;
}

@media(max-width:600px){
    .legal-card{
        padding:25px 20px;
    }

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