
::-webkit-scrollbar {
  width: 8px; 
  height: 8px; 
}

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

::-webkit-scrollbar-thumb {
  background-color: #ec4899; 
  border-radius: 9999px; 
  border: 2px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #db2777; 
}
    body {
      background: #f9f8fc;
      font-family: 'Inter', sans-serif;
    }
    .section {
      padding: 4rem 1rem;
    }
    .token-logo {
      border-radius: 50%;
      width: 120px;
      height: 120px;
      object-fit: cover;
      /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
      animation: pulse 3s infinite; */
    }
    .btn {
      transition: all 0.3s ease;
    }
    .btn:hover {
      transform: scale(1.05);
    }
    .fade-up {
      opacity: 0;
      transform: translateY(20px);
      animation: fadeUp 1s ease-out forwards;
    }
    @keyframes fadeUp {
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    @keyframes pulse {
      0% { transform: scale(1); }
      50% { transform: scale(1.03); }
      100% { transform: scale(1); }
    }
    @media (max-width: 640px) {
      .section {
        padding: 2rem 1rem;
      }
    }