.bg-grid-pattern {
      background-image:
          linear-gradient(rgba(10, 36, 99, 0.05) 1px, transparent 1px),
          linear-gradient(90deg, rgba(10, 36, 99, 0.05) 1px, transparent 1px);
      background-size: 50px 50px;
  }

  .dark .bg-grid-pattern {
      background-image:
          linear-gradient(rgba(62, 146, 204, 0.05) 1px, transparent 1px),
          linear-gradient(90deg, rgba(62, 146, 204, 0.05) 1px, transparent 1px);
  }

  .reveal {
      transition: all 1s cubic-bezier(0.16, 1, 0.3, 1);
  }

  .delay-100 {
      transition-delay: 100ms;
  }

  .delay-200 {
      transition-delay: 200ms;
  }

  .delay-300 {
      transition-delay: 300ms;
  }

  .img-container {
      display: flex;
      align-items: center;
      justify-content: center;
      background: rgba(62, 146, 204, 0.1);
      color: #3E92CC;
      font-family: 'JetBrains Mono', monospace;
      text-align: center;
  }