{% extends "base.html" %}
{% load i18n %}

{% block title %}Login cancelled{% endblock %}

{% block content %}
<section class="page-hero" aria-labelledby="cancelled-heading">
  <div class="container">
    <div class="page-hero-content">
      <h1 class="page-hero-title" id="cancelled-heading">Login cancelled</h1>
      <p class="page-hero-subtitle">No changes were made to your account.</p>
    </div>
  </div>
</section>

<section class="section">
  <div class="container container--narrow">
    <div class="glass-card portal-card fade-in">
      <p class="portal-intro">
        {% trans "You cancelled third-party sign-in. You can try again or use email login instead." %}
      </p>
      <div class="portal-actions">
        <a href="{% url 'accounts:login' %}" class="btn-primary">Back to login</a>
        <a href="{% url 'pages:home' %}" class="btn-ghost">Home</a>
      </div>
    </div>
  </div>
</section>
{% endblock %}