<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8"><title>403 Akses Ditolak — SINERGI</title>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="<?= APP_URL ?>/public/css/app.css">
</head>
<body style="background:var(--clr-bg);display:flex;align-items:center;justify-content:center;min-height:100vh">
  <div style="text-align:center;padding:40px">
    <div style="font-size:5rem">🚫</div>
    <h1 style="font-size:4rem;font-weight:900;color:var(--clr-danger);margin:8px 0">403</h1>
    <h2 style="font-size:1.3rem;font-weight:700;margin-bottom:8px">Akses Ditolak</h2>
    <p style="color:var(--clr-text-muted);margin-bottom:24px">Anda tidak memiliki izin untuk mengakses halaman ini.</p>
    <div style="display:flex;gap:12px;justify-content:center">
      <a href="<?= APP_URL ?>/login" class="btn btn-primary">Login dengan Akun Lain</a>
      <a href="<?= APP_URL ?>/" class="btn btn-ghost">Ke Beranda</a>
    </div>
  </div>
</body>
</html>
