<!DOCTYPE html>
<html lang="en" class="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo htmlspecialchars(document_title($page_title ?? null), ENT_QUOTES, 'UTF-8'); ?></title>
    <?php $gtm_placement = 'head'; require __DIR__ . '/gtm.php'; ?>
    
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
        tailwind.config = {
            darkMode: 'class',
            theme: {
                extend: {
                    colors: {
                        nftDark: '#0d0c1d',
                        nftCard: '#181439',
                        nftAccentCyan: '#00f2fe',
                        nftAccentPurple: '#9b51e0',
                        nftTextGray: '#a3a1cb',
                    },
                    fontFamily: {
                        sans: ['Inter', 'sans-serif'],
                    }
                }
            }
        }
    </script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght=300;400;500;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="<?php echo htmlspecialchars(app_url('assets/css/style.css'), ENT_QUOTES, 'UTF-8'); ?>">
</head>
<body class="bg-nftDark text-white antialiased overflow-x-hidden">
    <?php $gtm_placement = 'body'; require __DIR__ . '/gtm.php'; unset($gtm_placement); ?>
