#q-b5518c {
          padding-block: 5.5rem;
padding-inline: 1.5rem;
          background: linear-gradient(45deg, var(--primary-bg), var(--accent-bg));
          position: relative;
          overflow: hidden;

          &::before {
              content: '';
              position: absolute;
              inset: 0;
              background: radial-gradient(circle at 12% 22%, rgba(var(--bs-primary-rgb), 0.16), transparent 55%);
              opacity: 0.55;
              pointer-events: none;
              z-index: 0;
          }

          .c-2f37eb {
              max-width: 1200px;
              margin: 0 auto;
              position: relative;
              z-index: 1;
          }

          .c-2383a2 {
              text-align: center;
              margin-bottom: 3rem;
          }

          .c-1a78a6 {
              font-size: 2.7rem;
              font-weight: 900;
              color: var(--primary-dark);
              margin-block: 0 1.25rem;
margin-inline: 0;
              display: inline-block;
              position: relative;

              &::after {
                  content: '';
                  position: absolute;
                  bottom: -12px;
                  inset-inline-start: 0;
                  width: 100%;
                  height: 3px;
                  border-radius: 3px;
                  background: linear-gradient(90deg, var(--primary), var(--accent));
              }
          }

          .c-afd6bf {
              font-size: 1.05rem;
              line-height: 1.75;
              color: var(--text-secondary);
              max-width: 760px;
              margin: 0 auto;
          }

          .c-e73310 {
              background: var(--background-tertiary);
              border: 1px solid var(--neutral-150);
              border-radius: 1.75rem;
              padding: 1.25rem;
              box-shadow: 0 18px 40px rgba(var(--bs-primary-rgb), 0.10);
              margin-bottom: 2.5rem;
          }

          .c-ff8938 {
              display: grid;
              grid-template-columns: 90px 1fr;
              gap: 1.25rem;
              padding: 1.6rem;
              border-radius: 1.5rem;
              border: 1px solid transparent;
              transition: all 0.3s ease;

              &:hover {
                  border-color: var(--primary-light);
                  background: var(--background-primary);
                  transform: translateY(-4px);
              }

              .c-fc0e3c {
                  width: 72px;
                  height: 72px;
                  border-radius: 1.25rem;
                  display: grid;
                  place-items: center;
                  background: var(--primary-bg);
                  border: 1px solid var(--primary-light);
                  color: var(--primary-dark);
                  font-weight: 900;
                  font-size: 1.25rem;
              }

              h3 {
                  margin-block: 0 0.5rem;
margin-inline: 0;
                  color: var(--text-primary);
                  font-weight: 900;
                  font-size: 1.25rem;
              }

              p {
                  margin: 0;
                  color: var(--text-tertiary);
                  line-height: 1.65;
              }
          }

          .c-7c8de4 {
              height: 1px;
              background: linear-gradient(90deg, transparent, var(--neutral-250), transparent);
              margin-block: 0;
margin-inline: 1.6rem;
          }

          .c-1a21bf {
              text-align: center;
          }

          .c-0de1a2 {
              display: inline-flex;
              align-items: center;
              gap: 0.6rem;
              padding-block: 1rem;
padding-inline: 2rem;
              background: var(--primary);
              color: var(--text-light);
              border-radius: 0.95rem;
              text-decoration: none;
              font-weight: 900;
              border: 2px solid var(--primary);
              transition: all 0.3s ease;

              &:hover {
                  background: transparent;
                  color: var(--primary);
                  transform: translateY(-2px);
              }

              i {
                  transition: transform 0.3s ease;
              }

              &:hover i {
                  transform: translateX(5px);
              }
          }

          @media (max-width: 768px) {
              padding-block: 4rem;
padding-inline: 1rem;

              .c-1a78a6 {
                  font-size: 2.15rem;
              }

              .c-ff8938 {
                  grid-template-columns: 1fr;

                  .c-fc0e3c {
                      width: 64px;
                      height: 64px;
                  }
              }
          }
      }

#q-5ab794 {
        --editorial-shift-x-dir: 1;
        background: radial-gradient(ellipse 120% 80% at 0% 0%, color-mix(in srgb, var(--accent-bg) 35%, transparent) 0%, transparent 55%),
          radial-gradient(ellipse 100% 70% at 100% 20%, color-mix(in srgb, var(--primary-bg) 28%, transparent) 0%, transparent 50%), linear-gradient(to bottom, var(--background-primary), var(--background-secondary));
        position: relative;
        overflow: hidden;
      }

      #q-5ab794 .container {
        position: relative;
        z-index: 2;
      }

      html[dir='rtl'] #q-5ab794 {
        --editorial-shift-x-dir: -1;
      }

      #q-5ab794 .c-0d6ebd {
        position: relative;
        border-radius: 2rem;
        padding-block: clamp(2rem, 4vw, 3.25rem);
        padding-inline: clamp(1.5rem, 4vw, 3.5rem);
        background: var(--background-tertiary);
        border: 1px solid color-mix(in srgb, var(--primary) 18%, transparent);
        box-shadow: 0 30px 80px rgba(var(--bs-dark-rgb), 0.08), 0 6px 20px rgba(var(--bs-primary-rgb), 0.06);
        isolation: isolate;
      }

      #q-5ab794 .c-0d6ebd::before {
        content: '';
        position: absolute;
        inset-inline-start: 0;
        inset-inline-end: 0;
        inset-block-start: 0;
        height: 6px;
        border-start-start-radius: 2rem;
        border-start-end-radius: 2rem;
        background: linear-gradient(90deg, var(--primary), var(--secondary), var(--accent));
        transform-origin: center;
        transform: scaleX(var(--editorial-shift-x-dir));
        z-index: -1;
      }

      #q-5ab794 .c-0d6ebd::after {
        content: '';
        position: absolute;
        inset-block-end: 0;
        inset-inline-start: clamp(12%, 18vw, 28%);
        inset-inline-end: clamp(12%, 18vw, 28%);
        height: 1px;
        background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--neutral-450) 55%, transparent), transparent);
        transform: scaleX(var(--editorial-shift-x-dir));
        transform-origin: center;
        pointer-events: none;
      }

      #q-5ab794 .c-c67f93 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(1.5rem, 3vw, 2.75rem);
        align-items: start;
      }

      #q-5ab794 .c-86b12e {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.35rem;
        padding-inline: 1rem;
        border-radius: 999px;
        font-size: 0.8125rem;
        font-weight: 700;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        white-space: normal;
        color: color-mix(in srgb, var(--text-primary) 88%, transparent);
        background: linear-gradient(to bottom, color-mix(in srgb, var(--primary-bg) 22%, var(--background-tertiary)), color-mix(in srgb, var(--accent-bg) 14%, var(--background-tertiary)));
        border: 1px solid color-mix(in srgb, var(--accent) 22%, transparent);
        margin-block-end: 1.25rem;
      }

      #q-5ab794 .c-86b12e::before {
        content: '';
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background: radial-gradient(circle at 30% 30%, var(--accent-light), var(--accent-dark));
      }

      #q-5ab794 .c-84e3c2 {
        font-weight: 800;
        letter-spacing: -0.035em;
        line-height: 1.06;
        color: var(--text-primary);
        font-size: clamp(1.85rem, 2.85vw + 1rem, 3.15rem);
        margin-block-end: 1rem;
      }

      #q-5ab794 .c-84e3c2 .c-2b969a {
        display: block;
        background: linear-gradient(120deg, var(--primary-dark), var(--accent), var(--secondary));
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
      }

      #q-5ab794 .c-84e3c2 .c-ab4652 {
        display: block;
        margin-block-start: 0.2rem;
        color: var(--text-primary);
      }

      #q-5ab794 .c-04f59b {
        font-size: 1.125rem;
        line-height: 1.72;
        color: var(--text-secondary);
        margin-block-end: 1.5rem;
        max-inline-size: 38rem;
      }

      #q-5ab794 .c-89513d {
        position: relative;
        padding-inline-start: clamp(1rem, 2vw, 1.35rem);
        margin-block-start: 0.25rem;
      }

      #q-5ab794 .c-89513d::before {
        content: '';
        position: absolute;
        inset-block-start: 0.35rem;
        inset-block-end: 0.35rem;
        inset-inline-start: 0;
        inline-size: 4px;
        border-radius: 999px;
        background: linear-gradient(to bottom, var(--accent), var(--primary));
      }

      #q-5ab794 .c-89513d p {
        margin: 0;
        font-size: 1rem;
        line-height: 1.75;
        color: color-mix(in srgb, var(--text-secondary) 92%, var(--text-tertiary));
      }

      #q-5ab794 .c-0a33cb {
        display: flex;
        flex-direction: column;
        gap: 1rem;
      }

      #q-5ab794 .c-ffdf7d {
        position: relative;
        padding-block: 1.35rem;
        padding-inline: 1.35rem;
        padding-inline-start: clamp(1.35rem, 2.4vw, 1.85rem);
        border-radius: 1.35rem;
        background: linear-gradient(to bottom, color-mix(in srgb, var(--background-primary) 80%, var(--background-tertiary)), var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-350) 45%, transparent);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--background-tertiary) 70%, transparent);
      }

      #q-5ab794 .c-ffdf7d:nth-of-type(odd) {
        border-inline-start: 4px solid var(--accent);
      }

      #q-5ab794 .c-ffdf7d:nth-of-type(even) {
        border-inline-start: 4px solid var(--primary);
      }

      #q-5ab794 .c-ffdf7d h3 {
        font-size: 1.05rem;
        font-weight: 800;
        color: var(--text-primary);
        margin-block-end: 0.5rem;
        line-height: 1.35;
      }

      #q-5ab794 .c-ffdf7d p {
        margin: 0;
        font-size: 0.975rem;
        line-height: 1.68;
        color: var(--text-secondary);
      }

      #q-5ab794 .c-159aa2 {
        margin-block-start: clamp(2.25rem, 4vw, 3rem);
      }

      #q-5ab794 .c-4724ae {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: clamp(1.25rem, 2vw, 2rem);
        align-items: center;
        padding-block: clamp(1.65rem, 3vw, 2.35rem);
        padding-inline: clamp(1.25rem, 2.75vw, 2.75rem);
        border-radius: 1.65rem;
        background: linear-gradient(
          to bottom,
          color-mix(in srgb, var(--primary) 14%, var(--background-tertiary)),
          color-mix(in srgb, var(--accent) 11%, color-mix(in srgb, var(--background-primary) 40%, var(--background-tertiary))),
          var(--background-tertiary)
        );
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, transparent);
      }

      #q-5ab794 .c-98cd2c {
        margin: 0;
        font-size: 1.05rem;
        line-height: 1.7;
        font-weight: 500;
        color: var(--text-primary);
      }

      #q-5ab794 .c-eb4d4e {
        display: flex;
        justify-content: end;
        flex-wrap: wrap;
        gap: 1rem;
      }

      #q-5ab794 .btn {
        font-weight: 800;
        letter-spacing: 0.04em;
        border: none;
        transition: transform 0.25s ease, box-shadow 0.25s ease;
      }

      #q-5ab794 .btn.btn-primary {
        background: linear-gradient(135deg, var(--primary), var(--primary-dark));
        box-shadow: 0 14px 32px rgba(var(--bs-primary-rgb), 0.28), 0 0 0 1px color-mix(in srgb, var(--primary-light) 28%, transparent) inset;
      }

      #q-5ab794 .btn.btn-primary:hover {
        transform: translateY(-2px) translateX(calc(var(--editorial-shift-x-dir) * 1px));
        box-shadow: 0 18px 44px rgba(var(--bs-primary-rgb), 0.36), 0 0 0 1px color-mix(in srgb, var(--accent-light) 32%, transparent) inset;
        background: linear-gradient(135deg, var(--accent-dark), var(--primary-dark));
      }

      @media (max-width: 991.98px) {
        #q-5ab794 .c-c67f93 {
          grid-template-columns: minmax(0, 1fr);
        }

        #q-5ab794 .c-0d6ebd::after {
          inset-inline-start: 10%;
          inset-inline-end: 10%;
        }

        #q-5ab794 .c-4724ae {
          grid-template-columns: minmax(0, 1fr);
          text-align: center;
        }

        #q-5ab794 .c-98cd2c {
          max-inline-size: 36rem;
          margin-inline: auto;
        }

        #q-5ab794 .c-eb4d4e {
          justify-content: center;
        }

        #q-5ab794 .c-89513d {
          text-align: start;
        }

        #q-5ab794 .c-04f59b {
          margin-inline: auto;
          text-align: center;
          max-inline-size: none;
        }

        #q-5ab794 .c-86b12e {
          margin-inline: auto;
        }

        #q-5ab794 .c-84e3c2 .c-2b969a,
        #q-5ab794 .c-84e3c2 .c-ab4652 {
          text-align: center;
        }

        #q-5ab794 .btn {
          width: 100%;
        }
      }
