/* =========================================
BODY
========================================= */

body{

    margin:0;

    font-family:Arial,sans-serif;

    background:
        linear-gradient(
            135deg,
            #eef2ff,
            #f9fafb
        );

    min-height:100vh;

    display:flex;

    justify-content:center;

    align-items:center;

    padding:12px;

    box-sizing:border-box;

}

/* =========================================
CARD
========================================= */

.legal-card{

    width:100%;
    max-width:560px;

    background:
        rgba(255,255,255,0.72);

    backdrop-filter:blur(12px);

    border-radius:22px;

    padding:24px 22px;

    box-shadow:
        0 20px 60px
        rgba(0,0,0,0.08);

    box-sizing:border-box;

}

/* =========================================
LOGO
========================================= */

.logo{

    width:170px;

    display:block;

    margin:0 auto 18px;

    cursor:pointer;

}

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

.legal-content{

    color:#374151;

}

.legal-center{

    text-align:center;

}

/* =========================================
HEADLINES
========================================= */

h1{

    font-size:1.05rem;

    color:#6b7280;

    margin-bottom:18px;

    text-align:center;

    font-weight:700;

}

h2{

    font-size:0.76rem;

    font-weight:600;

    color:#9ca3af;

    margin-top:20px;
    margin-bottom:6px;

    letter-spacing:0.2px;

}

/* =========================================
TEXT
========================================= */

p{

    font-size:0.82rem;

    line-height:1.7;

    color:#4b5563;

    margin:8px 0;

}

.legal-intro{

    text-align:center;

    margin-bottom:18px;

}

.legal-muted{

    color:#9ca3af;

    font-size:0.74rem;

    margin-top:14px;

}

/* =========================================
SECTION TITLE
========================================= */

.legal-section-title{

    font-size:0.75rem;

    font-weight:600;

    color:#9ca3af;

    margin-top:20px;
    margin-bottom:4px;

    letter-spacing:0.2px;

}

/* =========================================
DIVIDER
========================================= */

.divider{

    width:42px;
    height:2px;

    background:#e5e7eb;

    margin:18px auto;

    border-radius:2px;

}

/* =========================================
LISTS
========================================= */

.legal-list{

    margin-top:8px;

    padding-left:6px;

    font-size:0.8rem;

    line-height:1.8;

    color:#4b5563;

}

/* =========================================
LINKS
========================================= */

a{

    color:inherit;

    text-decoration:none;

}

a:hover{

    opacity:0.85;

}

/* =========================================
FOOTER
========================================= */

.footer{

    margin-top:26px;

}

.footer-warning{

    text-align:center;

    font-size:0.72rem;

    color:#9ca3af;

    margin-bottom:10px;

}

.footer-links{

    text-align:center;

    font-size:0.72rem;

    color:#9ca3af;

    line-height:1.8;

}

.footer-links a{

    color:#9ca3af;

    margin:0 4px;

}

/* =========================================
MOBILE
========================================= */

@media (max-width:480px){

    .legal-card{

        padding:20px 18px;

        border-radius:18px;

    }

    .logo{

        width:150px;

    }

    h1{

        font-size:0.98rem;

    }

    p{

        font-size:0.78rem;

    }

    .legal-list{

        font-size:0.76rem;

    }

}