---
### ALL PAGES ###
layout: themes/[ site.theme.id ]/frontend/core/cover
---

<section class="col-12 col-md-8 col-lg-6 col-xl-5 mw-sm">
  <div class="card border-0 shadow-lg">
    <div class="card-body p-3 p-md-5">
      <!-- Logo -->
      <div class="text-center mb-3">
        <div class="avatar avatar-xl">
          <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" class="filter-adaptive" alt="{{ site.brand.name }} Logo"/>
        </div>
      </div>

      <!-- Header -->
      <div class="text-center mb-4">
        <h1 class="h3 mb-2">Authenticating...</h1>
        <p class="text-muted">Please wait while we complete your sign in</p>
      </div>

      <!-- Spinner -->
      <div class="text-center mb-4">
        <div class="spinner-border text-primary" role="status">
          <span class="visually-hidden">Loading...</span>
        </div>
      </div>

      <!-- Status message -->
      <div id="token-status" class="text-center">
        <p class="text-muted small">Generating secure token...</p>
      </div>

      <!-- Error message (hidden by default) -->
      <div id="token-error" class="alert alert-danger d-none" role="alert">
        <strong>Error:</strong> <span id="token-error-message"></span>
      </div>
    </div>
  </div>
</section>

{{ content | uj_content_format }}