#q-82d9ea {
      --cta-rtl-dir: 1;
      position: relative;
      padding-block: clamp(3.5rem, 7vw, 5.5rem);
      padding-inline: 0;
      overflow: hidden;
      background: var(--background-secondary);
    }

    [dir="rtl"] #q-82d9ea {
      --cta-rtl-dir: -1;
    }

    #q-82d9ea .c-8ae19d {
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: 0;
      width: 100%;
      height: 5px;
      background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 50%, var(--secondary) 100%);
      z-index: 0;
    }

    #q-82d9ea .c-78a4de {
      position: absolute;
      inset-block-end: 8%;
      inset-inline-end: -12%;
      width: min(42vw, 420px);
      height: 160px;
      border-radius: 24px;
      background: color-mix(in srgb, var(--accent) 20%, var(--background-primary));
      border: 1px solid var(--border-light);
      transform: rotate(8deg);
      z-index: 0;
    }

    #q-82d9ea .container {
      position: relative;
      z-index: 1;
    }

    #q-82d9ea .c-8f5180 {
      border-radius: 28px;
      border: 1px solid var(--border-light);
      background: var(--background-tertiary);
      box-shadow: 0 28px 60px color-mix(in srgb, var(--neutral-1050) 12%, var(--background-primary));
      overflow: hidden;
    }

    #q-82d9ea .c-636e52 {
      padding-block: clamp(2.25rem, 4.5vw, 3.25rem);
      padding-inline: clamp(1.5rem, 3vw, 2.5rem);
      position: relative;
    }

    #q-82d9ea .c-636e52::after {
      content: "";
      position: absolute;
      inset-block: clamp(1.5rem, 3vw, 2rem);
      inset-inline-end: 0;
      width: 1px;
      background: var(--border-medium);
    }

    #q-82d9ea .c-636e52 .badge {
      display: inline-block;
      white-space: normal;
      padding-block: 0.45rem;
      padding-inline: 0.9rem;
      border-radius: 999px;
      font-size: 0.8rem;
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: var(--primary-dark);
      background: color-mix(in srgb, var(--primary) 10%, var(--background-primary));
      border: 1px solid color-mix(in srgb, var(--primary) 30%, var(--border-light));
      margin-bottom: 1.25rem;
    }

    #q-82d9ea .c-b4e3c6 {
      font-size: clamp(1.9rem, 1.1rem + 2.1vw, 2.9rem);
      font-weight: 800;
      line-height: 1.12;
      letter-spacing: -0.04em;
      color: var(--text-primary);
      margin-bottom: 1.1rem;
      border-inline-start: 4px solid var(--accent);
      padding-inline-start: 1rem;
    }

    #q-82d9ea .c-b9b24a {
      font-size: 1.05rem;
      line-height: 1.7;
      color: var(--text-secondary);
      margin: 0;
      max-width: 34ch;
    }

    #q-82d9ea .c-f644ad {
      position: relative;
      padding-block: clamp(2.25rem, 4.5vw, 3.25rem);
      padding-inline: clamp(1.5rem, 3vw, 2.75rem);
      color: var(--text-light);
      background: linear-gradient(200deg, var(--primary) 0%, var(--primary-dark) 50%, var(--accent-dark) 100%);
    }

    #q-82d9ea .c-f644ad::before {
      content: "";
      position: absolute;
      inset: 0;
      background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--text-light) 12%, var(--primary)) 0%, var(--primary) 50%, var(--primary-dark) 100%);
      z-index: 0;
    }

    #q-82d9ea .c-f644ad::after {
      content: "";
      position: absolute;
      inset-block-end: 12%;
      inset-inline-end: 8%;
      width: 88px;
      height: 88px;
      border-radius: 50%;
      background: color-mix(in srgb, var(--secondary) 32%, var(--primary-dark));
      border: 1px solid var(--bs-white-10);
      z-index: 0;
    }

    #q-82d9ea .c-6962b8 {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: column;
      gap: 1.1rem;
      height: 100%;
      justify-content: center;
    }

    #q-82d9ea .c-2e0b39 {
      width: 64px;
      height: 3px;
      border-radius: 999px;
      background: linear-gradient(90deg, var(--secondary) 0%, var(--accent-light) 100%);
    }

    #q-82d9ea .c-44931c {
      display: flex;
      flex-direction: column;
      gap: 0.9rem;
    }

    #q-82d9ea .c-1a2534 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.5rem;
      text-decoration: none;
      width: 100%;
      text-align: center;
      font-weight: 700;
      font-size: 1rem;
      border-radius: 14px;
      padding-block: 0.95rem;
      padding-inline: 1.1rem;
      border: 2px solid transparent;
      transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease;
    }

    #q-82d9ea .c-1a2534.c-195443 {
      color: var(--text-primary);
      background: var(--secondary);
      box-shadow: 0 10px 28px color-mix(in srgb, var(--neutral-1050) 32%, var(--background-primary));
    }

    #q-82d9ea .c-1a2534.c-195443:hover {
      transform: translateY(-2px);
      background: var(--secondary-light);
      box-shadow: 0 16px 40px color-mix(in srgb, var(--neutral-1050) 40%, var(--background-primary));
    }

    #q-82d9ea .c-1a2534.c-a10801 {
      color: var(--text-light);
      background: var(--bs-white-10);
      border-color: color-mix(in srgb, var(--text-light) 36%, var(--primary-dark));
      backdrop-filter: blur(6px);
    }

    #q-82d9ea .c-1a2534.c-a10801:hover {
      transform: translateY(-2px);
      background: color-mix(in srgb, var(--text-light) 16%, var(--bs-white-10));
    }

    #q-82d9ea .c-4e0478 {
      position: absolute;
      inset-block-start: 0;
      inset-inline-start: -30%;
      width: 50%;
      height: 100%;
      background: linear-gradient(100deg, var(--bs-white-10) 0%, color-mix(in srgb, var(--text-light) 9%, var(--primary)) 45%, var(--bs-white-10) 100%);
      animation: ctausfloat_m7k2n9p4x1q 11s ease-in-out infinite;
      z-index: 0;
    }

    @keyframes ctausfloat_m7k2n9p4x1q {
      0%,
      100% {
        transform: translateX(calc(var(--cta-rtl-dir) * 0%));
        opacity: 0.45;
      }
      50% {
        transform: translateX(calc(var(--cta-rtl-dir) * 8%));
        opacity: 0.75;
      }
    }

    @media (max-width: 991.98px) {
      #q-82d9ea .c-636e52::after {
        display: none;
      }

      #q-82d9ea .c-636e52 {
        text-align: center;
      }

      #q-82d9ea .c-b4e3c6 {
        border-inline-start: none;
        padding-inline-start: 0;
        border-block-end: 3px solid var(--accent);
        padding-block-end: 0.7rem;
        display: inline-block;
        margin-inline: auto;
      }

      #q-82d9ea .c-b9b24a {
        max-width: none;
        margin-inline: auto;
      }
    }

    @media (max-width: 575.98px) {
      #q-82d9ea .c-78a4de {
        display: none;
      }
    }

#q-97739d {
        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-2fdd12 {
          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-ee9809 {
          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-56e7c8 {
            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-ffe5cf {
            flex: 1;
            color: var(--text-light);
            font-size: 0.95rem;
            line-height: 1.6;
          }
        }

        .c-a501ff {
          .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-e2f176 {
          .c-c5d1ed {
            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-6c2fb2 {
          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-6b1f0c {
          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%);
        }
      }