* {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
   }

   body {
       font-family: 'Inter', sans-serif;
       overflow-x: hidden;
   }

   h1,
   h2,
   h3,
   h4,
   h5,
   h6 {
       font-family: 'Plus Jakarta Sans', sans-serif;
   }

   ::-webkit-scrollbar {
       width: 6px;
   }

   ::-webkit-scrollbar-track {
       background: transparent;
   }

   .dark ::-webkit-scrollbar-thumb {
       background: #334155;
       border-radius: 3px;
   }

   html:not(.dark) ::-webkit-scrollbar-thumb {
       background: #cbd5e1;
       border-radius: 3px;
   }

   ::-webkit-scrollbar-thumb:hover {
       background: #7C3AED;
   }

   @keyframes gradientShift {
       0% {
           background-position: 0% 50%
       }

       50% {
           background-position: 100% 50%
       }

       100% {
           background-position: 0% 50%
       }
   }

   .gradient-animate {
       background-size: 200% 200%;
       animation: gradientShift 4s ease infinite;
   }

   @keyframes float {

       0%,
       100% {
           transform: translateY(0)
       }

       50% {
           transform: translateY(-10px)
       }
   }

   .float-animation {
       animation: float 3s ease-in-out infinite;
   }

   @keyframes slideDown {
       from {
           opacity: 0;
           transform: translateY(-10px)
       }

       to {
           opacity: 1;
           transform: translateY(0)
       }
   }

   .slide-down {
       animation: slideDown 0.3s ease forwards;
   }

   @keyframes livePulse {
       0% {
           transform: scale(1);
           opacity: 1
       }

       50% {
           transform: scale(1.5);
           opacity: 0.5
       }

       100% {
           transform: scale(1);
           opacity: 1
       }
   }

   .live-dot {
       animation: livePulse 1.5s ease-in-out infinite;
   }

   @keyframes fadeInUp {
       from {
           opacity: 0;
           transform: translateY(20px)
       }

       to {
           opacity: 1;
           transform: translateY(0)
       }
   }

   .fade-in-up {
       animation: fadeInUp 0.6s ease forwards;
   }

   .sidebar {
       transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   }

   .sidebar-link {
       transition: all 0.2s ease;
   }

   .dark .sidebar-link:hover,
   .dark .sidebar-link.active {
       background: linear-gradient(135deg, rgba(124, 58, 237, 0.15), rgba(6, 182, 212, 0.1));
   }

   html:not(.dark) .sidebar-link:hover,
   html:not(.dark) .sidebar-link.active {
       background: linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(6, 182, 212, 0.05));
   }

   .sidebar-link.active {
       border-right: 3px solid #7C3AED;
   }

   .nft-card {
       transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
   }

   .nft-card:hover {
       transform: translateY(-5px);
   }

   .dark .nft-card:hover {
       box-shadow: 0 20px 40px rgba(124, 58, 237, 0.15);
   }

   html:not(.dark) .nft-card:hover {
       box-shadow: 0 20px 40px rgba(124, 58, 237, 0.12);
   }

   .stat-card {
       transition: all 0.3s ease;
   }

   .stat-card:hover {
       transform: translateY(-3px);
   }

   @keyframes toastIn {
       from {
           transform: translateX(100%);
           opacity: 0
       }

       to {
           transform: translateX(0);
           opacity: 1
       }
   }

   .toast-in {
       animation: toastIn 0.4s ease forwards;
   }