:root {
            --pri: #667eea;
            --pri2: #764ba2;
            --dark: #0f0c29;
        }
        body { overflow-x: hidden; background: #fff; font-family: 'Segoe UI', system-ui, sans-serif; }
        a { text-decoration: none; }

        /* ── Page Hero ─────────────────────────────────────────────── */
        .page-hero {
            background: linear-gradient(135deg, #0f0c29 0%, #302b63 50%, #24243e 100%);
            padding: 80px 0 60px;
        }

        /* ── Privacy Content ─────────────────────────────────────── */
        .privacy-wrap { margin-top: -26px; }
        .privacy-card {
            border: 0;
            border-radius: 18px;
            box-shadow: 0 14px 36px rgba(15, 12, 41, .08);
            overflow: hidden;
        }
        .privacy-card .card-body { padding: 2.2rem; }

        .privacy-pill {
            display: inline-flex;
            align-items: center;
            gap: .5rem;
            padding: .45rem .9rem;
            border-radius: 999px;
            background: rgba(102,126,234,.12);
            color: #3e4eb8;
            font-size: .78rem;
            font-weight: 700;
            letter-spacing: .3px;
            text-transform: uppercase;
            margin-bottom: .9rem;
        }

        .privacy-lead {
            color: #5f6475;
            max-width: 760px;
            line-height: 1.75;
            margin-bottom: 1.4rem;
        }

        .toc-box {
            background: #f7f9ff;
            border: 1px solid #e8ecff;
            border-radius: 14px;
            padding: 1rem 1rem .85rem;
            margin-bottom: 1.5rem;
        }
        .toc-title {
            font-weight: 700;
            font-size: .95rem;
            color: #2b2f42;
            margin-bottom: .65rem;
        }
        .toc-links {
            display: flex;
            flex-wrap: wrap;
            gap: .5rem;
        }
        .toc-links a {
            font-size: .82rem;
            font-weight: 600;
            color: #4a54a5;
            background: #eef1ff;
            border-radius: 999px;
            padding: .35rem .7rem;
            transition: all .2s ease;
        }
        .toc-links a:hover {
            background: linear-gradient(135deg, var(--pri), var(--pri2));
            color: #fff;
            transform: translateY(-1px);
        }

        .policy-block {
            padding: 1.2rem 1.15rem;
            border: 1px solid #edf0f7;
            border-radius: 12px;
            background: #fff;
            margin-bottom: .95rem;
        }
        .policy-block h2 {
            font-size: 1.1rem;
            margin-bottom: .55rem;
            color: #1f2437;
        }
        .policy-block p, .policy-block li {
            color: #555d72;
            line-height: 1.75;
            font-size: .96rem;
        }
        .policy-block ul { margin-bottom: 0; }

        .privacy-note {
            background: linear-gradient(135deg, #eef2ff, #f6f3ff);
            border: 1px solid #e6dcff;
            border-radius: 12px;
            color: #4b4564;
        }

        .privacy-cta {
            border-top: 1px dashed #dde2f3;
            margin-top: 1.4rem;
            padding-top: 1.4rem;
        }

        @media (max-width: 767.98px) {
            .page-hero { padding: 68px 0 46px; }
            .privacy-card .card-body { padding: 1.35rem; }
            .policy-block { padding: 1rem; }
        }