:root {
        --teal-400: #2dd4bf;
        --teal-500: #14b8a6;
        --teal-600: #0d9488;
        --amber-400: #fbbf24;
        --amber-500: #f59e0b;
        --slate-900: #0f172a;
        --slate-800: #1e293b;
        --slate-700: #334155;
        --slate-600: #475569;
        --slate-400: #94a3b8;
        --slate-300: #cbd5e1;
        --slate-200: #e2e8f0;
    }

    .privacy-page {
        font-family: 'Nunito', sans-serif;
        background: var(--slate-900);
        min-height: 100vh;
        padding: 2rem 1rem 4rem;
    }

    .privacy-container {
        max-width: 48rem;
        margin: 0 auto;
    }

    .back-link {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--teal-400);
        font-weight: 600;
        font-size: 0.875rem;
        text-decoration: none;
        padding: 0.625rem 1.25rem;
        background: var(--slate-800);
        border: 1px solid var(--slate-700);
        border-radius: 2rem;
        transition: all 0.2s;
    }

    .back-link:hover {
        background: var(--slate-700);
        border-color: var(--teal-500);
        color: var(--teal-300);
    }

    .privacy-header {
        text-align: center;
        margin-bottom: 3rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid var(--slate-700);
    }

    .privacy-icon {
        font-size: 4rem;
        display: block;
        margin-bottom: 1rem;
    }

    .privacy-title {
        font-family: 'Fredoka', sans-serif;
        font-size: 2.5rem;
        font-weight: 700;
        color: var(--teal-400);
        margin-bottom: 0.5rem;
    }

    .privacy-updated {
        color: var(--slate-400);
        font-size: 0.9375rem;
    }

    .coppa-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        background: linear-gradient(135deg, var(--teal-600), var(--teal-500));
        color: white;
        padding: 0.625rem 1.25rem;
        border-radius: 2rem;
        font-size: 0.875rem;
        font-weight: 700;
        margin-top: 1.5rem;
    }

    .section {
        margin-bottom: 2.5rem;
    }

    .section-title {
        font-family: 'Fredoka', sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        color: var(--slate-200);
        margin-bottom: 1rem;
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .section-title span {
        font-size: 1.5rem;
    }

    .section-content {
        color: var(--slate-400);
        font-size: 1rem;
        line-height: 1.8;
    }

    .section-content p {
        margin-bottom: 1rem;
    }

    .section-content p:last-child {
        margin-bottom: 0;
    }

    .section-content strong {
        color: var(--slate-300);
    }

    .section-content a {
        color: var(--teal-400);
        text-decoration: none;
    }

    .section-content a:hover {
        text-decoration: underline;
    }

    .highlight-box {
        background: linear-gradient(145deg, var(--slate-800), var(--slate-700));
        border-radius: 1rem;
        padding: 1.5rem;
        margin: 1.5rem 0;
        border-left: 4px solid var(--teal-500);
    }

    .highlight-box.warning {
        border-left-color: var(--amber-500);
    }

    .highlight-box-title {
        font-family: 'Fredoka', sans-serif;
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--slate-200);
        margin-bottom: 0.75rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .data-list {
        list-style: none;
        padding: 0;
        margin: 1rem 0;
    }

    .data-list li {
        padding: 0.75rem 0;
        border-bottom: 1px solid var(--slate-700);
        display: flex;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .data-list li:last-child {
        border-bottom: none;
    }

    .data-list li span:first-child {
        font-size: 1.25rem;
        flex-shrink: 0;
    }

    .data-list li strong {
        color: var(--slate-300);
        display: block;
        margin-bottom: 0.25rem;
    }

    .data-list li small {
        color: var(--slate-400);
        font-size: 0.875rem;
    }

    .rights-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
        gap: 1rem;
        margin: 1.5rem 0;
    }

    .right-card {
        background: var(--slate-800);
        border-radius: 1rem;
        padding: 1.25rem;
        border: 1px solid var(--slate-700);
    }

    .right-card-icon {
        font-size: 2rem;
        display: block;
        margin-bottom: 0.5rem;
    }

    .right-card-title {
        font-family: 'Fredoka', sans-serif;
        font-size: 1rem;
        font-weight: 600;
        color: var(--slate-300);
        margin-bottom: 0.375rem;
    }

    .right-card-desc {
        font-size: 0.875rem;
        color: var(--slate-400);
        line-height: 1.5;
    }

    .contact-box {
        background: linear-gradient(135deg, var(--teal-600), var(--teal-500));
        border-radius: 1.5rem;
        padding: 2rem;
        text-align: center;
        margin-top: 3rem;
    }

    .contact-box-title {
        font-family: 'Fredoka', sans-serif;
        font-size: 1.5rem;
        font-weight: 600;
        color: white;
        margin-bottom: 0.5rem;
    }

    .contact-box-text {
        color: rgba(255,255,255,0.9);
        margin-bottom: 1rem;
    }

    .contact-box a {
        color: white;
        font-weight: 700;
        text-decoration: underline;
    }

    .toc {
        background: var(--slate-800);
        border-radius: 1rem;
        padding: 1.5rem;
        margin-bottom: 3rem;
        border: 1px solid var(--slate-700);
    }

    .toc-title {
        font-family: 'Fredoka', sans-serif;
        font-size: 1.125rem;
        font-weight: 600;
        color: var(--slate-300);
        margin-bottom: 1rem;
    }

    .toc-list {
        list-style: none;
        padding: 0;
        margin: 0;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr));
        gap: 0.5rem;
    }

    .toc-list li a {
        color: var(--teal-400);
        text-decoration: none;
        font-size: 0.9375rem;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.375rem 0;
    }

    .toc-list li a:hover {
        color: var(--teal-300);
    }

    .simple-list {
        list-style: disc;
        padding-left: 1.5rem;
        margin: 1rem 0;
    }

    .simple-list li {
        margin-bottom: 0.5rem;
    }