Test

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8" />

<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>Privacy Policy — World Playground</title>

<link rel="preconnect" href="https://fonts.googleapis.com">

<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">

<style>

:root {

--bg: #f6f7fb;

--text: #101828;

--muted: #475467;

--card: #ffffff;

--border: #e4e7ec;

--accent: #0ea5e9;

}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {

margin: 0;

font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, "Apple Color Emoji", "Segoe UI Emoji";

color: var(--text);

background: var(--bg);

line-height: 1.6;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

}

.page {

max-width: 880px;

margin: 48px auto;

padding: 0 20px;

}

.card {

background: var(--card);

border: 1px solid var(--border);

border-radius: 16px;

box-shadow: 0 10px 24px rgba(16,24,40,.06);

padding: 40px 32px;

}

header h1 {

margin: 0 0 8px;

font-size: clamp(28px, 4vw, 40px);

line-height: 1.2;

text-align: center;

font-weight: 700;

}

header p {

margin: 0;

text-align: center;

color: var(--muted);

font-size: 14px;

}

.divider { height: 1px; background: var(--border); margin: 28px 0; }

h2 { font-size: 22px; margin: 28px 0 12px; line-height: 1.35; }

h3 { font-size: 18px; margin: 22px 0 8px; line-height: 1.35; }

p { margin: 10px 0 16px; }

ul, ol { padding-left: 20px; margin: 8px 0 16px; }

a { color: var(--accent); text-decoration: none; }

a:hover { text-decoration: underline; }

.meta {

display: grid;

grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));

gap: 8px 16px;

margin-top: 8px;

color: var(--muted);

font-size: 14px;

}

.note {

background: #f0f9ff;

border: 1px solid #e0f2fe;

color: #0c4a6e;

border-radius: 12px;

padding: 12px 14px;

font-size: 14px;

margin: 12px 0 16px;

}

/* Table */

.table-wrap { width: 100%; overflow-x: auto; }

table { width: 100%; border-collapse: collapse; font-size: 14px; }

th, td { text-align: left; padding: 12px 14px; vertical-align: top; }

thead th {

position: sticky; top: 0;

background: #f8fafc; color: #0f172a;

border-bottom: 1px solid var(--border);

font-weight: 600; letter-spacing: .2px;

}

tbody td { border-bottom: 1px solid var(--border); }

tbody tr:nth-child(odd) td { background: #fcfcfd; }

/* Footer */

footer { margin-top: 28px; font-size: 13px; color: var(--muted); }

/* Print */

@media print {

body { background: #fff; }

.card { box-shadow: none; border: none; padding: 0; }

.divider { margin: 16px 0; }

header h1 { font-size: 28px; }

}

</style>

</head>

<body>

<main class="page">

<article class="card" role="document" aria-label="Privacy Policy">

<header>

<h1>Privacy Policy</h1>

<p>World Playground Privacy Policy</p>

<div class="meta" aria-label="Document meta">

<span><strong>Effective Date:</strong> September 1, 2020</span>

<span><strong>Last Updated:</strong> September 1, 2020</span>

</div>

</header>

<div class="divider" role="separator" aria-hidden="true"></div>

<section>

<p>

World Playground ("we", "our", "us") is committed to responsible information management practices.

This Privacy Policy describes how we collect, use, and protect information on our websites,

including <a href="https://www.worldplayground.co" rel="noopener">worldplayground.co</a>

and <a href="https://members.worldplayground.co" rel="noopener">members.worldplayground.co</a> (collectively — the "Websites").

</p>

<p>

By using our Websites, you consent to the collection and use of information in accordance with this Policy.

We may update this document from time to time; the current version will always be available on this page.

</p>

<div class="note">

If you are a resident or citizen of the EEA, please see the section <em>“Your Rights”</em> below.

</div>

</section>

<section>

<h2>What Does This Policy Cover?</h2>

<p>This Policy applies to information that we collect:</p>

<ul>

<li>through the Websites;</li>

<li>when you use our Services, make payments, or provide data (the "Services");</li>

<li>when you communicate with us by email, phone, chat, or on social media (the "Communications");</li>

<li>when you respond to advertisements or participate in surveys/promotions (the "Participation Opportunities").</li>

</ul>

</section>

<section>

<h2>What Information is Collected?</h2>

<h3>1) Personally Identifiable Information</h3>

<p>

Data that directly identifies you: name, address, email, phone number, payment details

(e.g., credit card number via secure payment provider), account information, and similar identifiers.

</p>

<h3>2) Other Information</h3>

<p>

Technical and aggregated data that does not directly identify an individual, such as pages visited,

IP address, device/browser type, referral sources, and analytics events.

</p>

</section>

<section>

<h2>Categories of Data and Purpose of Processing</h2>

<div class="table-wrap" role="region" aria-label="Data categories table">

<table>

<thead>

<tr>

<th style="width: 34%">Category of Personal Information</th>

<th>Business / Commercial Purpose for Collection and Use</th>

</tr>

</thead>

<tbody>

<tr>

<td>

<strong>Identifiers</strong>

<div class="muted">

(e.g., name, address, email, phone, IP address, session/account ID, document number)

</div>

</td>

<td>

Provide and improve Services; process payments; communicate with you; ensure security;

comply with legal obligations; analyze and improve quality of service; send marketing notifications where applicable.

</td>

</tr>

<tr>

<td>

<strong>Commercial Information</strong>

<div class="muted">(order history, transactions, preferences)</div>

</td>

<td>

Process orders; provide user support; maintain transaction records; prevent fraud;

conduct aggregated product and demand analytics.

</td>

</tr>

<tr>

<td>

<strong>Internet Activity</strong>

<div class="muted">(cookies, logs, events, interactions)</div>

</td>

<td>

Ensure website functionality; personalization; performance analytics; security and abuse prevention.

</td>

</tr>

<tr>

<td>

<strong>Geolocation Data</strong>

<div class="muted">(approximate — city/country level)</div>

</td>

<td>

Localize content and offers; comply with licensing and tax reporting requirements, where applicable.

</td>

</tr>

</tbody>

</table>

</div>

</section>

<section>

<h2>Legal Basis for Processing</h2>

<p>

We process data based on contract performance, legitimate interests, compliance with legal obligations,

and, where required, your consent. You may withdraw consent at any time.

</p>

</section>

<section>

<h2>Sharing with Third Parties</h2>

<p>

We may share data with payment providers, hosting providers, analytics tools,

customer support, and marketing platforms only to the extent necessary for the Services.

</p>

</section>

<section>

<h2>Storage and Security</h2>

<p>

We implement organizational and technical security measures. Retention periods depend on processing purposes

and applicable legal requirements.

</p>

</section>

<section>

<h2>Your Rights</h2>

<p>

You have the right to request access, correction, deletion, and portability of data, as well as to object to processing.

To exercise your rights, contact us at <a href="mailto:privacy@worldplayground.co">privacy@worldplayground.co</a>.

</p>

</section>

<section>

<h2>Contact</h2>

<p>For privacy and data inquiries, contact us at: <a href="mailto:privacy@worldplayground.co">privacy@worldplayground.co</a>.</p>

</section>

<footer>

© <span id="year"></span> World Playground. All rights reserved.

</footer>

</article>

</main>

<script>

document.getElementById('year').textContent = new Date().getFullYear();

</script>

</body>

</html>