@include(snippets/header)
<div id="main" style="display: flex; justify-content: center; align-items: center; min-height: 80vh;">
    <div class="banned-container" style="background: rgba(0,0,0,0.85); padding: 40px; margin: 25px; border: 2px solid var(--accent); text-align: center; position: relative; z-index: 10002;">
        <h1 style="color: var(--accent); margin-bottom: 20px;">YOU ARE BANNED!</h1>
        <video style="max-width: 100%;" src="{{ ban_video }}" autoplay loop controls></video>
        <p style="font-size: 1.2em; margin-bottom: 20px;">Reason: <strong>{{ reason }}</strong></p>
        <p style="font-size: 1.1em; color: rgba(255,255,255,0.7);">Ban expires: <strong>{{ expires }}</strong></p>
        <div style="margin-top: 30px;">
            <a href="/logout" class="btn btn-outline-danger" style="padding: 10px 20px; border: 1px solid var(--accent); color: var(--accent); text-decoration: none; border-radius: 4px;">Leave</a>
        </div>
    </div>
</div>
@include(snippets/footer)