/*==================================================
    PRIVACY POLICY PAGE
==================================================*/

:root{

    --legal-radius:18px;

    --legal-max-width:980px;

}



/*==========================================
=            HERO
==========================================*/

.legal-hero{

    position:relative;

    overflow:hidden;

    padding:70px 0 60px;

    background:
    radial-gradient(circle at 92% 10%,rgba(255,193,55,.15),transparent 22%),
    radial-gradient(circle at 10% 78%,rgba(40,130,255,.16),transparent 28%),
    linear-gradient(135deg,#050d1d,#07162d,#091f45,#07162d,#050d1d);

    max-width:1400px;

    margin:0 auto;

    text-align:center;

}

.legal-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:url("/assets/images/pattern.svg");

    opacity:.05;

}

.legal-hero .container{

    position:relative;

    z-index:2;

}

.legal-badge{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:11px 24px;

    border-radius:50px;

    background:rgba(255,191,53,.12);

    border:1px solid rgba(255,191,53,.40);

    color:#ffd25f;

    font-size:15px;

    font-weight:700;

    margin-bottom:24px;

    box-shadow:
    inset 0 0 14px rgba(255,191,53,.08),
    0 0 18px rgba(255,191,53,.08);

}

.legal-hero h1{

    margin:0;

    color:#fff;

    font-size:52px;

    font-weight:900;

}

.legal-hero p{

    max-width:760px;

    margin:25px auto;

    color:#dce5f7;

    font-size:20px;

    line-height:1.9;

}

.legal-updated{

    display:inline-block;

    padding:10px 18px;

    border-radius:10px;

    background:rgba(255,255,255,.08);

    color:#fff;

    border:1px solid rgba(255,255,255,.10);

    font-size:15px;

}



/*==========================================
=            CONTENT
==========================================*/

.legal-content{

    padding:60px 0 80px;

    background:#f7f9fc;

    max-width:1400px;

    margin:0 auto;

}

.legal-box{

    max-width:var(--legal-max-width);

    margin:0 auto;

    background:#fff;

    border-radius:var(--legal-radius);

    padding:50px;

    border:1px solid #edf1f8;

    box-shadow:0 15px 45px rgba(10,35,70,.06);

}

.legal-box h2{

    margin:45px 0 18px;

    color:#081b3c;

    font-size:30px;

    font-weight:800;

}

.legal-box h2:first-child{

    margin-top:0;

}

.legal-box p{

    margin:0 0 20px;

    color:#67738d;

    font-size:17px;

    line-height:2;

}

.legal-box ul{

    margin:15px 0 35px;

    padding-inline-start:28px;

}

.legal-box li{

    margin-bottom:12px;

    color:#67738d;

    font-size:17px;

    line-height:1.9;

}



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

@media(max-width:768px){

    .legal-hero{

        padding:55px 0;

    }

    .legal-hero h1{

        font-size:40px;

    }

    .legal-hero p{

        font-size:18px;

    }

    .legal-box{

        padding:30px;

    }

    .legal-box h2{

        font-size:24px;

    }

}