<?php include 'header.php'; ?>

<main style="background: #0b0e11; color: white; min-height: 100vh; padding: 100px 5%;">
    <div style="max-width: 1000px; margin: 0 auto;">
        <h1 style="font-size: 2.5rem; font-weight: 800; margin-bottom: 20px; text-align: center;">Fee Schedule</h1>
        <p style="color: var(--text-muted); text-align: center; margin-bottom: 60px;">Transparent and competitive fees for all users.</p>

        <section style="margin-bottom: 60px;">
            <h2 style="font-size: 1.8rem; margin-bottom: 30px;">Trading Fees</h2>
            <div style="background: #161a1e; border-radius: 24px; border: 1px solid #2b3139; overflow: hidden;">
                <table style="width: 100%; border-collapse: collapse; text-align: left;">
                    <thead>
                        <tr style="background: #2b3139; color: #848e9c; font-size: 0.9rem;">
                            <th style="padding: 20px;">Tier</th>
                            <th style="padding: 20px;">30d Trading Volume</th>
                            <th style="padding: 20px;">Maker Fee</th>
                            <th style="padding: 20px;">Taker Fee</th>
                        </tr>
                    </thead>
                    <tbody style="font-size: 0.95rem;">
                        <tr style="border-bottom: 1px solid #2b3139;">
                            <td style="padding: 20px; font-weight: bold;">VIP 0</td>
                            <td style="padding: 20px;">&lt; 1,000,000 USD</td>
                            <td style="padding: 20px; color: var(--primary-color);">0.100%</td>
                            <td style="padding: 20px; color: var(--primary-color);">0.100%</td>
                        </tr>
                        <tr style="border-bottom: 1px solid #2b3139;">
                            <td style="padding: 20px; font-weight: bold;">VIP 1</td>
                            <td style="padding: 20px;">≥ 1,000,000 USD</td>
                            <td style="padding: 20px; color: var(--primary-color);">0.090%</td>
                            <td style="padding: 20px; color: var(--primary-color);">0.100%</td>
                        </tr>
                        <tr style="border-bottom: 1px solid #2b3139;">
                            <td style="padding: 20px; font-weight: bold;">VIP 2</td>
                            <td style="padding: 20px;">≥ 5,000,000 USD</td>
                            <td style="padding: 20px; color: var(--primary-color);">0.080%</td>
                            <td style="padding: 20px; color: var(--primary-color);">0.090%</td>
                        </tr>
                        <tr>
                            <td style="padding: 20px; font-weight: bold;">VIP 3</td>
                            <td style="padding: 20px;">≥ 20,000,000 USD</td>
                            <td style="padding: 20px; color: var(--primary-color);">0.070%</td>
                            <td style="padding: 20px; color: var(--primary-color);">0.085%</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <section>
            <h2 style="font-size: 1.8rem; margin-bottom: 30px;">Withdrawal Fees</h2>
            <div style="background: #161a1e; border-radius: 24px; border: 1px solid #2b3139; overflow: hidden;">
                <table style="width: 100%; border-collapse: collapse; text-align: left;">
                    <thead>
                        <tr style="background: #2b3139; color: #848e9c; font-size: 0.9rem;">
                            <th style="padding: 20px;">Asset</th>
                            <th style="padding: 20px;">Network</th>
                            <th style="padding: 20px;">Min. Withdrawal</th>
                            <th style="padding: 20px;">Fixed Fee</th>
                        </tr>
                    </thead>
                    <tbody style="font-size: 0.95rem;">
                        <tr style="border-bottom: 1px solid #2b3139;">
                            <td style="padding: 20px; font-weight: bold;">BTC</td>
                            <td style="padding: 20px;">Bitcoin</td>
                            <td style="padding: 20px;">0.001</td>
                            <td style="padding: 20px; color: #f6465d;">0.0005</td>
                        </tr>
                        <tr style="border-bottom: 1px solid #2b3139;">
                            <td style="padding: 20px; font-weight: bold;">ETH</td>
                            <td style="padding: 20px;">ERC20</td>
                            <td style="padding: 20px;">0.01</td>
                            <td style="padding: 20px; color: #f6465d;">0.005</td>
                        </tr>
                        <tr>
                            <td style="padding: 20px; font-weight: bold;">USDT</td>
                            <td style="padding: 20px;">TRC20 / BEP20</td>
                            <td style="padding: 20px;">10.0</td>
                            <td style="padding: 20px; color: #f6465d;">1.00</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <p style="margin-top: 40px; color: var(--text-muted); font-size: 0.85rem;">* Deposit fees are 0% for all supported assets. Withdrawal fees are adjusted periodically based on network conditions.</p>
    </div>
</main>

<?php include 'footer.php'; ?>
