#q-670dd1 {
      --cta-icon-dir: 1;
      position: relative;
      overflow: hidden;
      padding-block: clamp(3.5rem, 6vw, 5.5rem);
      padding-inline: 0;
      background: linear-gradient(
        165deg,
        var(--background-dark) 0%,
        var(--primary-dark) 48%,
        var(--neutral-1050) 100%
      );
      color: var(--text-light);
    }

    html[dir="rtl"] #q-670dd1 {
      --cta-icon-dir: -1;
    }

    #q-670dd1 .c-38580f {
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
    }

    #q-670dd1 .c-38580f::before {
      content: "";
      position: absolute;
      inset-block-start: -20%;
      inset-inline-end: -10%;
      width: min(52vw, 520px);
      height: min(52vw, 520px);
      border-radius: 50%;
      background: radial-gradient(
        circle at 40% 40%,
        color-mix(in srgb, var(--accent) 32%, transparent),
        transparent 70%
      );
      animation: ctaglow_m8k2p4n9q1w3x 14s ease-in-out infinite;
    }

    #q-670dd1 .c-38580f::after {
      content: "";
      position: absolute;
      inset-block-end: -25%;
      inset-inline-start: -8%;
      width: min(60vw, 600px);
      height: min(60vw, 600px);
      border-radius: 50%;
      background: radial-gradient(
        circle at 55% 55%,
        color-mix(in srgb, var(--primary) 28%, transparent),
        transparent 68%
      );
      animation: ctaglow_m8k2p4n9q1w3x 18s ease-in-out infinite reverse;
    }

    @keyframes ctaglow_m8k2p4n9q1w3x {
      0%,
      100% {
        transform: scale(1) translate(0, 0);
        opacity: 0.9;
      }
      50% {
        transform: scale(1.06) translate(0, -1.5%);
        opacity: 1;
      }
    }

    #q-670dd1 .container {
      position: relative;
      z-index: 1;
    }

    #q-670dd1 .c-4d0b56 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      gap: 0;
      border-radius: 1.25rem;
      overflow: hidden;
      border: 1px solid color-mix(in srgb, var(--text-light) 14%, transparent);
      box-shadow: 0 1.5rem 3.5rem color-mix(in srgb, var(--neutral-1050) 45%, transparent);
    }

    #q-670dd1 .c-f81a13 {
      position: relative;
      padding-block: clamp(2rem, 4vw, 2.75rem);
      padding-inline: clamp(1.5rem, 3.5vw, 2.5rem);
      background: linear-gradient(
        200deg,
        color-mix(in srgb, var(--secondary-dark) 35%, var(--background-dark)) 0%,
        var(--background-dark) 100%
      );
    }

    #q-670dd1 .c-f81a13::after {
      content: "";
      position: absolute;
      inset-block: 0;
      inset-inline-end: 0;
      width: 1px;
      background: color-mix(in srgb, var(--text-light) 12%, transparent);
    }

    #q-670dd1 .c-308b83 {
      font-size: 0.7rem;
      font-weight: 700;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: color-mix(in srgb, var(--text-light) 72%, transparent);
      margin-bottom: 1.25rem;
    }

    #q-670dd1 .c-c03584 {
      display: flex;
      align-items: flex-start;
      gap: 1rem;
      padding-block: 1.1rem;
    }

    #q-670dd1 .c-c03584 + .c-c03584 {
      border-top: 1px solid color-mix(in srgb, var(--text-light) 10%, transparent);
    }

    #q-670dd1 .c-808269 {
      flex-shrink: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 0.5rem;
      font-weight: 800;
      font-size: 1.05rem;
      line-height: 1;
      color: var(--text-primary);
      background: var(--secondary);
      box-shadow: 0 0.35rem 0 color-mix(in srgb, var(--primary-dark) 40%, var(--gray-150));
    }

    #q-670dd1 .c-c03584 p {
      margin: 0;
      font-size: 0.95rem;
      line-height: 1.55;
      color: color-mix(in srgb, var(--text-light) 92%, transparent);
    }

    #q-670dd1 .c-6b5626 {
      position: relative;
      padding-block: clamp(2.25rem, 4.5vw, 3.25rem);
      padding-inline: clamp(1.5rem, 4vw, 3rem);
      background: var(--background-tertiary);
      color: var(--text-primary);
    }

    #q-670dd1 .c-6b5626::before {
      content: "";
      position: absolute;
      inset-block-start: 0;
      inset-inline: 0;
      height: 0.35rem;
      background: linear-gradient(90deg, var(--primary), var(--accent), var(--secondary));
    }

    #q-670dd1 .c-a3c94f {
      display: inline-block;
      white-space: normal;
      padding-block: 0.35rem;
      padding-inline: 0.9rem;
      border-radius: 10rem;
      font-size: 0.8rem;
      font-weight: 600;
      background: color-mix(in srgb, var(--primary) 16%, var(--background-tertiary));
      color: var(--primary-dark);
      border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--gray-150));
      margin-bottom: 1.25rem;
    }

    #q-670dd1 .c-c3a4c6 {
      font-size: clamp(1.75rem, 2.2vw + 1rem, 2.75rem);
      font-weight: 800;
      line-height: 1.15;
      margin-bottom: 1rem;
      color: var(--text-primary);
    }

    #q-670dd1 .c-130006 {
      font-size: 1.05rem;
      line-height: 1.65;
      color: var(--text-secondary);
      max-width: 36rem;
      margin-bottom: 1.75rem;
    }

    #q-670dd1 .c-99bd12 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.55rem;
      padding-block: 0.95rem;
      padding-inline: 1.75rem;
      font-size: 1.05rem;
      font-weight: 700;
      text-decoration: none;
      color: var(--text-primary);
      background: var(--secondary);
      border-radius: 10rem;
      border: 0;
      box-shadow: 0 0.6rem 1.6rem color-mix(in srgb, var(--secondary-dark) 35%, var(--gray-150));
      transition:
        box-shadow 0.25s ease,
        transform 0.25s ease,
        background-color 0.25s ease;
    }

    #q-670dd1 .c-99bd12:hover {
      background: var(--secondary-light);
      color: var(--text-primary);
      transform: translateY(-2px);
      box-shadow: 0 0.75rem 2rem color-mix(in srgb, var(--secondary-dark) 45%, var(--gray-150));
    }

    #q-670dd1 .c-99bd12 .c-eb39aa {
      transition: transform 0.25s ease;
    }

    #q-670dd1 .c-99bd12:hover .c-eb39aa {
      transform: translateX(calc(var(--cta-icon-dir) * 5px));
    }

    @media (max-width: 991.98px) {
      #q-670dd1 .c-4d0b56 {
        grid-template-columns: minmax(0, 1fr);
      }

      #q-670dd1 .c-f81a13::after {
        display: none;
      }

      #q-670dd1 .c-f81a13 {
        border-bottom: 1px solid color-mix(in srgb, var(--text-light) 10%, transparent);
      }
    }

    @media (max-width: 575.98px) {
      #q-670dd1 .c-c03584 {
        flex-direction: column;
        gap: 0.75rem;
      }
    }

#q-0df5ae {
        overflow: hidden;
        background: linear-gradient(180deg, var(--primary-dark) 0%, var(--primary) 50%, var(--primary-dark) 100%);
        color: var(--text-light);
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.2);
        border-top: 4px solid var(--secondary);
        position: relative;
        padding-block: 3rem 1.5rem;
padding-inline: 0;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 2px;
          background: linear-gradient(90deg, transparent, var(--secondary), var(--primary-light), var(--secondary), transparent);
          opacity: 0.8;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
        }

        .c-aaad6e {
          color: var(--text-light);
          font-weight: 700;
          font-size: 1.25rem;
          margin-bottom: 1.5rem;
          position: relative;
          padding-bottom: 0.75rem;
          text-transform: uppercase;
          letter-spacing: 0.05em;

          &::after {
            content: '';
            position: absolute;
            bottom: 0;
            inset-inline-start: 0;
            width: 50px;
            height: 3px;
            background: var(--secondary);
            border-radius: 2px;
          }
        }

        .c-a1d5fa {
          background: rgba(255, 255, 255, 0.08);
          backdrop-filter: blur(10px);
          border: 1px solid rgba(255, 255, 255, 0.15);
          border-radius: 1rem;
          padding: 1.25rem;
          margin-bottom: 1rem;
          transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
          position: relative;
          overflow: hidden;

          &::before {
            content: '';
            position: absolute;
            top: -50%;
            inset-inline-start: -50%;
            width: 200%;
            height: 200%;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
            opacity: 0;
            transition: opacity 0.4s ease;
          }

          &:hover {
            transform: translateX(8px) translateY(-4px);
            background: rgba(255, 255, 255, 0.12);
            border-color: var(--secondary);
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25), 0 0 0 1px var(--secondary);

            &::before {
              opacity: 1;
            }
          }

          .c-2c25a2 {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            background: var(--secondary);
            color: var(--primary-dark);
            border-radius: 0.75rem;
            font-size: 1.2rem;
            margin-inline-end: 1rem;
            flex-shrink: 0;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          }

          .c-e34bb8 {
            flex: 1;
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
          }
        }

        .c-170615 {
          .nav-link {
            color: var(--text-light);
            font-weight: 500;
            padding-block: 0.75rem;
padding-inline: 1rem;
            transition: all 0.3s ease;
            border-radius: 0.5rem;
            margin-bottom: 0.5rem;
            position: relative;
            display: flex;
            align-items: center;
            background: rgba(255, 255, 255, 0.05);

            &::before {
              content: '';
              position: absolute;
              inset-inline-start: 0;
              top: 50%;
              transform: translateY(-50%);
              width: 4px;
              height: 0;
              background: var(--secondary);
              border-radius: 0 4px 4px 0;
              transition: height 0.3s ease;
            }

            &::after {
              content: '→';
              position: absolute;
              inset-inline-end: 1rem;
              opacity: 0;
              transform: translateX(-10px);
              transition: all 0.3s ease;
            }

            &:hover,
            &:focus {
              color: var(--text-light);
              background: rgba(255, 255, 255, 0.15);
              text-decoration: none;
              padding-inline-start:1.5rem;
              transform: translateX(8px);

              &::before {
                height: 70%;
              }

              &::after {
                opacity: 1;
                transform: translateX(0);
              }
            }
          }
        }

        .c-7069f5 {
          .c-3d49b6 {
            background: rgba(255, 255, 255, 0.1);
            color: var(--text-light);
            border: 2px solid var(--primary-light);
            margin-block: 10px 5px;
margin-inline: 20px 0;
            border-radius: 1rem;
            width: 3.5rem;
            height: 3.5rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            position: relative;
            overflow: hidden;

            &::before {
              content: '';
              position: absolute;
              top: 50%;
              inset-inline-start: 50%;
              width: 0;
              height: 0;
              background: var(--secondary);
              border-radius: 50%;
              transform: translate(-50%, -50%);
              transition: width 0.4s ease, height 0.4s ease;
              z-index: 0;
            }

            i {
              position: relative;
              z-index: 1;
              transition: transform 0.4s ease, color 0.4s ease;
            }

            &:hover,
            &:focus {
              transform: translateY(-6px) scale(1.1);
              border-color: var(--secondary);
              box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3), 0 0 0 4px rgba(255, 255, 255, 0.1);

              &::before {
                width: 200%;
                height: 200%;
              }

              i {
                transform: rotate(360deg);
                color: var(--primary-dark);
              }
            }
          }
        }

        .c-363c53 {
          color: var(--text-light);
          margin-top: 3rem;
          padding-top: 2rem;
          position: relative;
          border-top: 2px solid rgba(255, 255, 255, 0.15);
          text-align: center;
          font-size: 0.9rem;
          opacity: 0.9;
        }

        .c-14f9ef {
          display: inline-block;
          width: 150px;
          height: 5px;
          background: linear-gradient(90deg, var(--secondary), var(--primary-light), var(--secondary));
          border-radius: 3px;
          margin-top: 1rem;
          position: relative;
          overflow: hidden;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);

          &::after {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.9), transparent);
            animation: shimmer_kl7m9p2xq4w 2.5s infinite;
          }
        }
      }

      @keyframes shimmer_kl7m9p2xq4w {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(300%);
        }
      }