<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{{ __('admin.errors.forbidden.title') }}</title>
    @vite('resources/css/app.css')
</head>
<body class="min-h-screen bg-slate-950 text-slate-100">
    <div class="flex min-h-screen items-center justify-center px-6 py-12">
        <div class="max-w-lg rounded-3xl border border-white/10 bg-white/5 p-10 shadow-2xl backdrop-blur">
            <p class="text-sm uppercase tracking-widest text-pink-400">403</p>
            <h1 class="mt-2 text-3xl font-semibold text-white">{{ __('admin.errors.forbidden.title') }}</h1>
            <p class="mt-4 text-base text-slate-200">{{ __('admin.errors.forbidden.message') }}</p>
            <p class="mt-2 text-sm text-slate-400">{{ __('admin.errors.forbidden.hint') }}</p>
            <div class="mt-8">
                <a href="{{ url('/') }}" class="inline-flex items-center rounded-full bg-pink-500 px-5 py-2 text-sm font-semibold text-white shadow-lg transition hover:bg-pink-600 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pink-500">
                    {{ __('admin.errors.forbidden.cta') }}
                </a>
            </div>
        </div>
    </div>
</body>
</html>
