<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>System Locked - License Required</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap" rel="stylesheet">
    <style>body { font-family: 'Inter', sans-serif; }</style>
</head>
<body class="bg-gray-50 flex items-center justify-center min-h-screen p-6">
    <div class="max-w-md w-full bg-white shadow-sm border border-gray-100 rounded-xl p-8 text-center">
        <div class="inline-flex items-center justify-center w-16 h-16 bg-red-50 rounded-full mb-6">
            <svg class="w-8 h-8 text-red-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m0 0v2m0-2h2m-2 0H10m4-11a4 4 0 11-8 0 4 4 0 018 0zM7 10V9a5 5 0 0110 0v1m-7 0h4" />
            </svg>
        </div>
        
        <h1 class="text-xl font-bold text-gray-900 mb-2">Akses Sistem Terkunci</h1>
        <p class="text-gray-500 text-sm mb-8 leading-relaxed">
            Sistem mendeteksi bahwa file <strong>(lisensi)</strong> tidak valid atau telah dihapus. Untuk keamanan data, akses ke website telah dibatasi secara otomatis.
        </p>

        <div class="space-y-3">
            <a href="/install" class="block w-full py-3 px-4 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg transition duration-200 text-sm">
                Aktivasi Ulang Lisensi
            </a>
            <p class="text-[11px] text-gray-400">
                Jika Anda merasa ini adalah kesalahan, silakan hubungi pengembang sistem.
            </p>
        </div>
    </div>
</body>
</html>