<!DOCTYPE html>
<html lang="en" class="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>$ wrappd.sh</title>
    <link rel="icon" href="/static/favicon/favicon.ico" type="image/x-icon">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/favicon/favicon-16x16.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/static/favicon/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/static/favicon/android-chrome-192x192.png">
    <link rel="icon" type="image/png" sizes="512x512" href="/static/favicon/android-chrome-512x512.png">
    <link rel="manifest" href="/static/favicon/site.webmanifest">
    <script src="/static/tailwind.js"></script>
    <script src="/static/echarts.min.js"></script>
    <script src="/static/clipboard.min.js"></script>
    <link href="/static/animate.min.css" rel="stylesheet">

</head>
<body class="bg-gray-900 text-white font-sans antialiased">

    <!-- Logo -->
    <div class="flex justify-center">
            <a href="/">
                <img src="/static/logo2.png" alt="Wrappd Logo" class="w-64 h-64">
            </a>
    </div>

    <!-- Contenedor principal centrado -->
    <div class="mx-auto p-6 max-w-4xl">