{% extends "base.html" %}

{% block content %}
<section class="py-16 bg-white min-h-[60vh] flex items-center justify-center">
  <div class="max-w-lg w-full mx-auto text-center shadow-lg border border-success rounded-xl p-8">
    <h1 class="text-3xl font-extrabold mb-4 text-success">Email Confirmed!</h1>
    <p class="mb-8 text-gray-700 text-lg">
      Your email <strong class="text-accent">{{ email }}</strong> has been successfully verified.<br>
      Thank you for confirming your email. We are currently generating your document. A link to access your document will be sent to you shortly.
    </p>
    <a href="{% url 'core:index' %}" class="bg-transparent border-2 border-accent text-accent hover:bg-accent hover:text-primary font-semibold py-3 px-8 rounded-lg text-lg transition-all duration-300 ease-in-out">
    Go back to Homepage
    </a>
  </div>
</section>
{% endblock %}