<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Too Many Requests — MCLogger</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <style>
        body { display: flex; align-items: center; justify-content: center; min-height: 100vh; background: #0d1117; }
    </style>
</head>
<body>
<div class="text-center p-4" style="max-width:420px">
    <i class="bi bi-shield-exclamation text-warning" style="font-size:3rem"></i>
    <h2 class="fw-bold mt-3">Too Many Requests</h2>
    <p class="text-muted">You have submitted this form too frequently. Please wait
        {% if retry_after %}
        <strong>{{ retry_after }} second{{ 's' if retry_after != 1 }}</strong>
        {% else %}
        a moment
        {% endif %}
        before trying again.
    </p>
    <a href="javascript:history.back()" class="btn btn-outline-secondary mt-2">
        <i class="bi bi-arrow-left me-1"></i>Go back
    </a>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
