/* Base styles */
      :root {
        --primary-color: #6366f1;
        --secondary-color: #8b5cf6;
        --accent-color: ;
      }

      /* Strict no-scrollbar rules */
      * {
        -ms-overflow-style: none !important; /* IE and Edge */
        scrollbar-width: none !important; /* Firefox */
      }
      *::-webkit-scrollbar {
        display: none !important; /* Chrome, Safari and Opera */
      }

      /* Typography */
      h1,
      h2,
      h3,
      h4,
      h5,
      h6 {
        font-family: Inter, Inter, system-ui, sans-serif;
      }
      body {
        font-family: Inter, Inter, system-ui, sans-serif;
      }

      /* Interactive elements */
      .interactive-element {
        transition: all 0.3s ease;
      }
      .interactive-element:hover {
        transform: translateY(-2px);
      }

      /* Custom scrollbar */
      ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
      }
      ::-webkit-scrollbar-track {
        background: #f1f1f1;
      }
      ::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 4px;
      }
      ::-webkit-scrollbar-thumb:hover {
        background: #555;
      }

      /* Animations */
      @keyframes fadeIn {
        from {
          opacity: 0;
        }
        to {
          opacity: 1;
        }
      }
      .fade-in {
        animation: fadeIn 0.5s ease-in-out;
      }