/* Custom styles beyond Tailwind */
body, html, p, h1, h2, h3, button, input, label, a, span, div {
    font-family: 'Press Start 2P', cursive !important;
  }
  
  /* Alternative gradient text implementation */
  .bg-gradient-text {
    position: relative;
    color: transparent;
    display: inline-block;
    width: 100%;
  }
  
  .bg-gradient-text::before {
    content: attr(data-text);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: inherit;
    z-index: 2;
    background: linear-gradient(to right, #4ade80, #2fdb6e);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }
  
  .bg-gradient-text::after {
    content: attr(data-text);
    position: absolute;
    z-index: 1;
    left: 2px;
    top: 2px;
    width: 100%;
    text-align: inherit;
    color: black;
  }
  
  /* Connected wallet button styles */
  .wallet-connected {
    background: linear-gradient(to right, #4ade80, #2fdb6e) !important;
  }
  
  .wallet-connected:hover {
    background: linear-gradient(to right, #3cb371, #28a560) !important;
  }
  
  /* Adjust spacing for pixel font */
  p, h1, h2, h3, button, input, label, a {
    line-height: 1.6;
    letter-spacing: 0.5px;
  }
  
  /* Make inputs more readable with pixel font */
  input {
    font-size: 0.7rem;
    height: 2.5rem;
  }
  
  /* Reduce font size for better readability with pixel font */
  .text-sm {
    font-size: 0.65rem;
  }
  
  .text-lg {
    font-size: 0.8rem;
  }
  
  .text-xl {
    font-size: 0.9rem;
  }
  
  .text-2xl {
    font-size: 1rem;
  }
  
  /* Add more spacing between sections */
  .mt-12 {
    margin-top: 4rem;
  }
  
  /* Additional spacing for form elements */
  .space-y-4 > * + * {
    margin-top: 1.5rem;
  }
  
  /* Fix the overflow issue in FAQ boxes */
  .faq-answer {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    font-size: 0.6rem !important;
    line-height: 1.8;
    padding-right: 0.5rem;
    display: block;
    width: 100%;
    overflow-x: hidden;
  }
  
  /* Add smaller text for specific elements */
  .faq-question h3 {
    font-size: 0.7rem;
    line-height: 1.4;
  }
  
  /* Referral page specific styles */
  code.font-mono {
    font-family: monospace !important;
    letter-spacing: 1px;
  }
  
  /* Make list items in referral page more readable */
  .list-disc li {
    margin-bottom: 1rem;
    line-height: 1.8;
  }