auto;
    }

    .left-column .card {
      width: 100%;
      max-width: 500px;
      margin: 0 auto;
    }

    /* Responsive adjustments */
    @media (max-width: 1024px) {
      .main-content {
        flex-direction: column;
      }

      .left-column,
      .right-column {
        width: 100%;
      }
    }

    .card-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
    }

    h2 {
      font-size: 1.125rem;
      font-weight: b