.legal-content {
            max-width: 900px;
            margin: 40px auto;
            background: #0f0f0f;
            padding: 40px;
            border-radius: 12px;
            border: 1px solid #222;
        }
        .legal-section { margin-bottom: 40px; }
        .legal-section h2 { color: #fff; font-size: 1.5rem; margin-bottom: 15px; border-left: 4px solid #ff0000; padding-left: 15px; }
        .legal-section p, .legal-section ul { color: #bbb; line-height: 1.6; font-size: 1rem; margin-bottom: 15px; }
        .legal-section ul { list-style: disc; padding-left: 20px; }
        .legal-section li { margin-bottom: 8px; }
        .legal-section strong { color: #fff; }
        .legal-section a { color: #ff0000; text-decoration: none; }
        .legal-section a:hover { text-decoration: underline; }

        body.light-mode .legal-content {
            background: #ffffff;
            border-color: #e5e5e5;
            box-shadow: 0 5px 20px rgba(0,0,0,0.05);
        }

        body.light-mode .legal-section h2 {
            color: #000000;
            border-left-color: #ff0000;
        }

        body.light-mode .legal-section p, 
        body.light-mode .legal-section ul,
        body.light-mode .legal-section li {
            color: #333333;
        }

        body.light-mode .legal-section strong {
            color: #000000;
        }

        body.light-mode .top-icon-btn {
            color: #000000 !important;
        }
        body.light-mode .top-icon-btn svg {
            fill: #000000 !important;
        }