{% extends "base.html" %}

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

{% block content %}
<main class="container">
    <section class="section">
        <div class="account-card" style="max-width: 960px; margin: 0 auto;">
            <h1 style="margin-top:0; font-size:36px;">Privacy Policy</h1>
            <p class="muted">
                EdgeCoach properly manages and protects users’ personal information.
            </p>

            <div class="form-grid" style="margin-top:20px;">
                <div class="sub-meta">
                    <h2 style="margin-top:0; font-size:22px;">Information We Collect</h2>
                    <ul class="compact">
                        <li>Email address</li>
                        <li>Trading history</li>
                        <li>Trading journal and submitted content</li>
                    </ul>
                </div>

                <div class="sub-meta">
                    <h2 style="margin-top:0; font-size:22px;">Purpose of Use</h2>
                    <ul class="compact">
                        <li>Providing the service</li>
                        <li>Displaying analysis results</li>
                        <li>Improving the service</li>
                    </ul>
                </div>

                <div class="sub-meta">
                    <h2 style="margin-top:0; font-size:22px;">Third-Party Sharing</h2>
                    <p>
                        We do not provide personal information to third parties except when using payment services such as Stripe
                        or when required by applicable law.
                    </p>
                </div>

                <div class="sub-meta">
                    <h2 style="margin-top:0; font-size:22px;">Security Management</h2>
                    <p>
                        We implement appropriate security measures to safely manage the information we collect.
                    </p>
                </div>
            </div>

            <div class="stack-actions" style="margin-top:20px;">
                <a class="btn" href="/en">Back to Home</a>
            </div>
        </div>
    </section>
</main>
{% endblock %}