{% extends 'public/base.html' %}

{% block title %}Privacy Policy | ChatLab{% endblock %}

{% block content %}
<div style="min-height: 100vh; display: flex; flex-direction: column; background: #070a13; color: #f3f4f6; font-family: 'Inter', system-ui, sans-serif; line-height: 1.65; padding: 3rem 1.5rem;">
    <div style="max-width: 800px; margin: 0 auto; width: 100%;">
        <div style="margin-bottom: 2.5rem; text-align: center;">
            <a href="{% url 'home' %}" style="color: var(--primary); text-decoration: none; font-size: 0.95rem; font-weight: 500; display: inline-flex; align-items: center; gap: 0.5rem; margin-bottom: 1rem;">
                &larr; Back to Home
            </a>
            <h1 style="font-family: var(--font-heading); font-size: 2.25rem; font-weight: 700; margin-bottom: 0.5rem; color: #ffffff;">Privacy Policy</h1>
            <p style="color: var(--text-muted); font-size: 0.95rem; margin: 0;">Platform compliance and developer data usage policy.</p>
        </div>

        <div class="glass-card" style="padding: 2.5rem; border: 1px solid var(--border-color); border-radius: 0; background: rgba(255, 255, 255, 0.02); font-size: 0.95rem;">
            {{ privacy_policy|safe }}
        </div>

        <div style="margin-top: 3rem; text-align: center; font-size: 0.85rem; color: var(--text-muted);">
            &copy; 2026 ChatLab. All rights reserved.
        </div>
    </div>
</div>
{% endblock %}