{% extends 'base.html' %}
{% load static %}

{% block robots %}noindex, follow{% endblock %}
{% block title %}Subscription Confirmed | The Reverse Times{% endblock %}

{% block content %}
<div class="ds-container" style="padding-top: 10vh; padding-bottom: 20vh;">
    <div style="max-width: 600px; margin: 0 auto; text-align: center; padding: 4rem 2rem; background: var(--gold10); border-top: 4px solid var(--rust); box-shadow: 0 20px 40px rgba(0,0,0,0.05);">
        
        <!-- Checkmark icon -->
        <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="var(--rust)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="margin-bottom: 1.5rem;">
            <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path>
            <polyline points="22 4 12 14.01 9 11.01"></polyline>
        </svg>

        <h1 class="ds-title-lg" style="margin-bottom: 1.5rem;">Subscription Confirmed!</h1>
        
        <p class="ds-body-lg" style="color: var(--text-muted); margin-bottom: 3rem;">
            You have successfully subscribed to The Reverse Times.<br>
            We will send you top historical messages and deep-dive essays each week.
        </p>
        
        <a href="{% url 'article_list' %}" class="ds-btn-primary" style="display: inline-flex; justify-content: center; width: 100%; max-width: 300px; text-decoration: none;">
            Back to Magazine Home
        </a>
    </div>
</div>
{% endblock %}