{% extends '__layout__.html' %}
{% block title %}Link Discord{% endblock %}
{% block content %}
<div id="main" style="display: flex; flex-direction: column; min-height: 100vh;">
    <div class="container flex-grow-1 d-flex align-items-center justify-content-center">
        <div style="width: 100%; max-width: 500px; text-align: center;">
            <h2 class="mb-4">Link your Discord</h2>
            <p class="lead mb-4">You must link your Discord account to use NEXIUM.</p>
            <a href="/link-discord/start" class="btn btn-primary btn-lg w-100">
                Link Discord Account
            </a>
            <p class="text-muted mt-3">
                Click the button above to link your Discord account securely.
            </p>
        </div>
    </div>
</div>
{% endblock %}