.container {
      width: min(100%, 2000px);
      max-width: 2000px;
      display: flex;
      flex-direction: column;
      gap: 22px;
      padding: 40px 20px;
    }

    .card {
      background: rgba(28, 26, 35, 0.88);
      border-radius: 32px;
      padding: 32px;
      box-shadow: 0 8px 32px rgba(255, 206, 248, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04);
      margin-bottom: 0;
      color: var(--text);
      border: 1px solid rgba(255,255,255,0.1);
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
    }

    .card:hover {
      transform: translateY(-4px);
      box-shadow: 0 12px 40px rgba(255, 206, 248, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06),
                  0 0 25px rgba(255, 206, 248, 0.35);
    }

    .title-with-image {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 8px;
    }