/* =============================================
   LEGAL PAGES - Styles
   ============================================= */

.legal-hero {
    position: relative; overflow: hidden;
    padding: 160px 0 60px;
    text-align: center;
    background: #0A0A0F;
}
.legal-hero__orb {
    position: absolute; border-radius: 50%; filter: blur(120px); pointer-events: none;
}
.legal-hero__orb--green { width: 300px; height: 300px; background: rgba(0,210,106,0.08); top: -80px; right: 25%; }
.legal-hero__orb--purple { width: 250px; height: 250px; background: rgba(91,47,160,0.1); bottom: -40px; left: 15%; }
.legal-hero__content { position: relative; z-index: 2; }

.legal-content {
    padding: 60px 0 100px;
    background: #0A0A0F;
}
.legal-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 24px;
    padding: 48px;
    max-width: 900px;
    margin: 0 auto;
}
.legal-card h2 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 22px; font-weight: 800; color: #fff;
    margin: 40px 0 16px; padding-top: 24px;
    border-top: 1px solid rgba(255,255,255,0.06);
}
.legal-card h2:first-child { margin-top: 0; padding-top: 0; border-top: none; }
.legal-card h3 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-size: 17px; font-weight: 700; color: rgba(255,255,255,0.85);
    margin: 24px 0 8px;
}
.legal-card p, .legal-card li {
    font-size: 15px; color: rgba(255,255,255,0.5); line-height: 1.8;
    margin-bottom: 12px;
}
.legal-card ul, .legal-card ol {
    padding-left: 24px; margin-bottom: 16px;
}
.legal-card li { margin-bottom: 6px; }
.legal-card strong { color: rgba(255,255,255,0.7); }
.legal-card a { color: #00D26A; text-decoration: underline; }
.legal-card a:hover { color: #00E676; }
.legal-card .company-info {
    background: rgba(0,210,106,0.06);
    border: 1px solid rgba(0,210,106,0.12);
    border-radius: 12px; padding: 20px;
    margin-bottom: 24px;
}
.legal-card .company-info p { color: rgba(255,255,255,0.6); margin-bottom: 4px; }
.legal-card .last-update {
    font-size: 13px; color: rgba(255,255,255,0.3);
    margin-top: 32px; padding-top: 20px;
    border-top: 1px solid rgba(255,255,255,0.06);
}

@media (max-width: 768px) {
    .legal-card { padding: 28px 20px; }
    .legal-hero { padding: 130px 0 50px; }
}