.legal-hero {
            padding: 8rem 0 3rem;
            text-align: center;
            position: relative;
        }

        .legal-hero .hero-bg {
            position: absolute;
            inset: 0;
            background: radial-gradient(circle at 20% 50%, rgba(0, 217, 255, 0.1) 0%, transparent 50%),
                        radial-gradient(circle at 80% 80%, rgba(112, 0, 255, 0.1) 0%, transparent 50%);
            z-index: -1;
        }

        .legal-hero h1 {
            font-size: clamp(2rem, 4vw, 3rem);
            margin-bottom: 1rem;
        }

        .legal-hero p {
            color: var(--text-secondary);
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
            line-height: 1.7;
        }

        .legal-content {
            padding: 3rem 0 5rem;
        }

        .legal-card {
            background: var(--bg-card);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 25px;
            padding: 3rem;
            max-width: 850px;
            margin: 0 auto;
        }

        .legal-card h2 {
            font-size: 1.5rem;
            margin-top: 2.5rem;
            margin-bottom: 1rem;
            color: var(--accent-cyan);
        }

        .legal-card h2:first-child {
            margin-top: 0;
        }

        .legal-card p {
            color: var(--text-secondary);
            font-size: 0.95rem;
            line-height: 1.8;
            margin-bottom: 1rem;
        }

        .legal-card strong {
            color: var(--text-primary);
        }

        .legal-separator {
            height: 1px;
            background: rgba(255, 255, 255, 0.08);
            margin: 2rem 0;
        }

        .highlight-box {
            background: rgba(0, 217, 255, 0.05);
            border-left: 4px solid var(--accent-cyan);
            border-radius: 0 15px 15px 0;
            padding: 1.5rem;
            margin: 1.5rem 0;
        }

        .highlight-box p {
            margin-bottom: 0;
        }

        .legal-card ul {
            padding-left: 1.4rem;
            margin: 0 0 1.2rem;
        }

        .legal-card li {
            color: var(--text-secondary);
            font-size: 0.95rem;
            line-height: 1.8;
            margin-bottom: 0.55rem;
        }

        .privacy-table-wrap {
            overflow-x: auto;
            margin: 1.5rem 0;
        }

        .privacy-table {
            width: 100%;
            border-collapse: collapse;
            min-width: 680px;
        }

        .privacy-table th,
        .privacy-table td {
            padding: 0.9rem;
            text-align: left;
            vertical-align: top;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            color: var(--text-secondary);
            font-size: 0.9rem;
            line-height: 1.6;
        }

        .privacy-table th {
            color: var(--text-primary);
            background: rgba(0, 217, 255, 0.07);
        }

        .last-update {
            text-align: center;
            color: var(--text-secondary);
            font-size: 0.85rem;
            margin-top: 2rem;
            opacity: 0.6;
        }

        @media (max-width: 768px) {
            .legal-card {
                padding: 2rem 1.5rem;
            }
        }