.legal-hero {
            background: linear-gradient(135deg, rgba(99, 102, 241, 0.12), rgba(255, 255, 255, 0.96));
            border-bottom: 1px solid var(--border-color);
            padding: 82px 0 72px;
        }

        .legal-hero .container {
            max-width: 980px;
        }

        .legal-hero h1 {
            color: var(--primary-color);
            font-size: clamp(34px, 5vw, 56px);
            line-height: 1.1;
            margin-bottom: 16px;
        }

        .legal-hero p {
            color: #5f6673;
            font-size: 17px;
            line-height: 1.7;
            max-width: 760px;
        }

        .legal-section {
            background: #f8fbfb;
            padding: 76px 0;
        }

        .legal-section .container {
            max-width: 980px;
        }

        .legal-content {
            background: #fff;
            border: 1px solid rgba(99, 102, 241, 0.16);
            border-radius: 8px;
            box-shadow: 0 16px 42px rgba(20, 43, 53, 0.07);
            padding: 44px;
        }

        .legal-content h2 {
            color: var(--primary-color);
            font-size: clamp(28px, 4vw, 40px);
            line-height: 1.2;
            margin-bottom: 20px;
        }

        .legal-content h3 {
            border-left: 4px solid var(--accent-color);
            color: var(--primary-color);
            font-size: 22px;
            line-height: 1.35;
            margin: 34px 0 14px;
            padding-left: 14px;
        }

        .legal-content p,
        .legal-content li {
            color: #5f6673;
            font-size: 16px;
            line-height: 1.85;
        }

        .legal-content a {
            color: var(--accent-color);
            font-weight: 700;
            text-decoration: none;
            word-break: break-word;
        }

        .legal-content ul {
            background: #f8fbfb;
            border: 1px solid rgba(99, 102, 241, 0.14);
            border-radius: 8px;
            margin: 14px 0 20px;
            padding: 18px 22px 18px 42px;
        }

        @media (max-width: 768px) {
            .legal-hero,
            .legal-section {
                padding: 54px 0;
            }

            .legal-content {
                padding: 24px;
            }
        }