{% extends "base.html" %}

{% block content %}
<div class="min-h-screen bg-dark py-8 px-4">
    <div class="max-w-xl mx-auto bg-dark-lighter rounded-lg shadow-lg p-6 text-center">
        <h1 class="text-2xl font-bold mb-4">Payment Successful!</h1>
        <p class="text-gray-300 mb-6">
            Thank you for your payment. Your VPN configuration will be sent to your email shortly.
        </p>
        <p class="text-gray-400 mb-4">
            Please check your email for further instructions on setting up your VPN connection.
        </p>
        <a href="/" class="inline-block bg-blue-600 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded transition-colors">
            Return to Home
        </a>
    </div>
</div>
{% endblock %}