{% extends "base.html" %}

{% block title %}You're on the Waitlist! - {{ config.APP_NAME }}{% endblock %}

{% block content %}
<main class="container-page py-12">
  <div class="card max-w-sm mx-auto mt-8 text-center">
    <div style="width:56px;height:56px;background:#ECFDF5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;">
      <svg width="26" height="26" fill="none" stroke="#15803D" stroke-width="2.5" viewBox="0 0 24 24">
        <polyline points="20 6 9 17 4 12"/>
      </svg>
    </div>

    <h1 class="text-2xl mb-2">You're on the list!</h1>
    <p class="text-stone mb-6">
      Thanks for your interest in {{ config.APP_NAME }}. We'll send you an email
      as soon as we're ready to welcome new coffee traders.
    </p>

    <div class="card" style="background:#F5F0EB;border-color:#E8DFD5;margin-bottom:0;">
      <p class="text-sm font-semibold mb-2" style="color:#2C1810;">What happens next?</p>
      <ul class="text-sm text-stone space-y-1 text-left" style="list-style:none;padding:0;margin:0;">
        <li>&#10003;&nbsp; You'll get an email when we launch</li>
        <li>&#10003;&nbsp; Early access members get priority onboarding</li>
        <li>&#10003;&nbsp; No spam, ever — we promise</li>
      </ul>
    </div>

    <p class="text-xs text-stone mt-6">
      <a href="{{ url_for('public.landing') }}">&larr; Back to home</a>
    </p>
  </div>
</main>
{% endblock %}
