*{box-sizing:border-box}body{margin:0;font:16px/1.65 system-ui,Arial,sans-serif;background:#f7f9fc;color:#17243a}header{background:#111d31;color:white;padding:24px max(20px,calc((100vw - 1080px)/2))}header a{color:white;text-decoration:none;font-weight:700}nav{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}nav a{font-size:13px;color:#cfe6fa;border:1px solid #536477;padding:5px 9px;border-radius:7px}main{max-width:1080px;margin:30px auto;padding:0 20px}article{background:white;border:1px solid #e2e8f0;border-radius:16px;padding:30px;margin-bottom:20px}h1{margin:0 0 5px;font-size:30px}h2{font-size:22px;margin:28px 0 7px}h3{font-size:18px;margin:20px 0 6px;color:#087b60}p{margin:0 0 13px}.intro{color:#64748b}.notice{background:#fff7e6;border:1px solid #f4d48d;padding:12px;border-radius:8px}footer{text-align:center;padding:30px;color:#64748b}@media(max-width:600px){article{padding:20px}h1{font-size:25px}}

/* =========================
   LEGAL PAGE SOCIAL FOOTER
   ========================= */

.legal-social{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:9px;
    flex-wrap:wrap;
    margin-bottom:16px;
}

.legal-social a{
    width:36px;
    height:36px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:14px;
    text-decoration:none;
    transition:.2s;
}

.legal-social a:hover{
    transform:translateY(-2px);
    filter:brightness(1.08);
}

.legal-social a:nth-child(1){
    background:#1877F2;
}

.legal-social a:nth-child(2){
    background:linear-gradient(
        135deg,
        #833AB4,
        #E1306C,
        #F77737,
        #FCAF45
    );
}

.legal-social a:nth-child(3){
    background:#FF0000;
}

.legal-social a:nth-child(4){
    background:#0A66C2;
}

.legal-social a:nth-child(5){
    background:#000;
    border:1px solid #334155;
}

.legal-social a:nth-child(6){
    background:#E60023;
}

.legal-social a:nth-child(7){
    background:#25D366;
}

.legal-footer-links{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:8px 18px;
    flex-wrap:wrap;
    margin-bottom:12px;
}

.legal-footer-links a{
    color:#cbd5e1;
    text-decoration:none;
}

.legal-footer-links a:hover{
    color:#fff;
}

.legal-copyright{
    color:#94a3b8;
}