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

{% block title %}Courriel vérifié — DictIA{% endblock %}
{% block description %}Votre courriel a été vérifié. Vous pouvez maintenant vous connecter à votre compte DictIA.{% endblock %}

{% block content %}
<section class="min-h-[calc(100vh-62px)] bg-brand-bg py-16 px-4" aria-labelledby="verify-success-title">
  <div class="max-w-md mx-auto bg-white p-8 rounded-[18px] border border-brand-border shadow-cta text-center">
    <div class="mx-auto mb-6 w-16 h-16 rounded-full bg-green-100 text-green-700 flex items-center justify-center text-3xl font-black" aria-hidden="true">&check;</div>

    <h1 id="verify-success-title" class="text-2xl font-black text-brand-navy mb-2">Votre courriel a été vérifié</h1>
    <p class="text-sm text-brand-navy/70 mb-6">
      Vous pouvez maintenant vous connecter à votre compte DictIA et commencer à transcrire en toute conformité Loi&nbsp;25.
    </p>

    <a href="{{ url_for('auth.login') }}"
       class="inline-block w-full grad-bg text-white font-semibold py-3 rounded-[0.75rem] shadow-cta hover:shadow-cta-hover transition focus-visible:outline-2 focus-visible:outline-brand-b1 focus-visible:outline-offset-2">
      Se connecter
    </a>

    <p class="text-xs text-brand-navy/70 mt-6">
      Une question&nbsp;? Écrivez-nous à
      <a href="mailto:info@dictia.ca" class="grad-text font-semibold">info@dictia.ca</a>.
    </p>
  </div>
</section>
{% endblock %}