#qb42e25e1 {
        background: var(--background-dark);
        border-bottom: 1px solid var(--primary);
        z-index: 999;

        .navbar-brand {
          white-space: normal;
          font-size: 1.35rem;
          font-weight: 700;
          letter-spacing: 0.08em;
          color: var(--white);
          transition: color 0.25s ease, opacity 0.25s ease;

          &:hover {
            color: var(--primary-bg);
          }
        }

        .navbar-collapse {
          flex-grow: 0;
        }

        .navbar-nav {
          gap: 0;
          align-items: center;

          .ue6f80cac {
            border-inline-start: 1px solid var(--neutral-650);

            &:first-child {
              border-inline-start: none;
            }
          }

          .nav-link {
            display: block;
            padding-block: 1rem;
            padding-inline: 1.25rem;
            color: var(--neutral-250);
            font-weight: 500;
            font-size: 0.875rem;
            letter-spacing: 0.05em;
            transition: color 0.2s ease, background-color 0.2s ease;

            &:hover {
              color: var(--primary-bg);
              background: rgba(var(--bs-primary-rgb), 0.08);
            }

            &.active {
              color: var(--primary-bg);
              background: rgba(var(--bs-primary-rgb), 0.12);
            }
          }
        }

        .u99a28f07 {
          margin-inline-start: 1rem;
          padding-block: 0.5rem;
          padding-inline: 1.25rem;
          background: transparent;
          color: var(--primary-bg);
          border: 2px solid var(--primary);
          border-radius: 6px;
          font-weight: 600;
          font-size: 0.8rem;
          letter-spacing: 0.06em;
          transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;

          &:hover {
            background: var(--primary);
            color: var(--white);
            border-color: var(--primary);
          }
        }

        .navbar-toggler {
          border: 1px solid var(--neutral-650);
          border-radius: 6px;
          padding: 0.5rem 0.65rem;
          color: var(--white);

          &:focus {
            box-shadow: 0 0 0 2px rgba(var(--bs-primary-rgb), 0.35);
          }

          .navbar-toggler-icon {
            width: 1.25rem;
            height: 1.25rem;
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
          }
        }
      }

      @media (max-width: 991px) {
        #qb42e25e1 {
          .navbar-collapse {
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background: var(--background-dark);
            border-bottom: 1px solid var(--neutral-750);
            padding-block: 0.5rem;
            padding-inline: 1rem;
            box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
          }

          .navbar-nav {
            flex-direction: column;
            align-items: stretch;
            gap: 0;

            .ue6f80cac {
              border-inline-start: none;
              border-bottom: 1px solid var(--neutral-750);

              &:last-child {
                border-bottom: none;
              }
            }

            .nav-link {
              padding-block: 0.85rem;
              padding-inline: 1rem;
            }
          }

          .u99a28f07 {
            margin-inline-start: 0;
            margin-top: 0.75rem;
            width: 100%;
            text-align: center;
          }
        }
      }

#q83b736f2 {
      position: relative;
      overflow: hidden;
      padding-block: 5.5rem;
      padding-inline: 0;
      background: linear-gradient(
        145deg,
        color-mix(in srgb, var(--warning-bg) 22%, var(--background-primary)) 0%,
        var(--background-primary) 42%,
        color-mix(in srgb, var(--accent-bg) 18%, var(--background-primary)) 100%
      );
    }

    #q83b736f2 .u80837166 {
      position: absolute;
      inset: 0;
      pointer-events: none;
      overflow: hidden;
    }

    #q83b736f2 .u3fc1d308 {
      position: absolute;
      border-radius: 50%;
      border: 3px solid color-mix(in srgb, var(--background-tertiary) 70%, var(--primary-light));
    }

    #q83b736f2 .uf89cf5de {
      width: 11rem;
      height: 11rem;
      inset-block-start: -3.5rem;
      inset-inline-start: -2.5rem;
      background: color-mix(in srgb, var(--primary-bg) 75%, var(--background-tertiary));
      animation: floatjoy_k7m2nq9x4pw8 7s ease-in-out infinite alternate;
    }

    #q83b736f2 .u6b197ad8 {
      width: 8.5rem;
      height: 8.5rem;
      inset-block-end: 12%;
      inset-inline-end: 6%;
      background: color-mix(in srgb, var(--accent-bg) 70%, var(--background-tertiary));
      animation: floatjoy_k7m2nq9x4pw8 9s ease-in-out infinite alternate-reverse;
    }

    #q83b736f2 .uc74f60bb {
      width: 5.5rem;
      height: 5.5rem;
      inset-block-start: 18%;
      inset-inline-end: 14%;
      background: color-mix(in srgb, var(--warning-bg) 68%, var(--background-tertiary));
      border-color: color-mix(in srgb, var(--background-tertiary) 70%, var(--warning-light));
      animation: floatjoy_k7m2nq9x4pw8 6s ease-in-out infinite alternate;
      animation-delay: -2s;
    }

    #q83b736f2 .uf9d9fb22 {
      width: 4rem;
      height: 4rem;
      inset-block-end: -1rem;
      inset-inline-start: 42%;
      background: color-mix(in srgb, var(--secondary-bg) 72%, var(--background-tertiary));
      border-color: color-mix(in srgb, var(--background-tertiary) 70%, var(--secondary-light));
    }

    @keyframes floatjoy_k7m2nq9x4pw8 {
      0% {
        transform: translate3d(0, 0, 0) scale(1);
      }
      100% {
        transform: translate3d(0, -0.85rem, 0) scale(1.04);
      }
    }

    #q83b736f2 .container {
      position: relative;
      z-index: 1;
      max-width: 1080px;
    }

    #q83b736f2 .ubaed4a9a {
      margin-block-end: 3rem;
      text-align: center;
    }

    #q83b736f2 .uea31b645 {
      display: inline-grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 1rem;
      max-width: 44rem;
      margin-inline: auto;
      padding-block: 2rem;
      padding-inline: 2.25rem;
      border-radius: 2rem;
      border: 3px solid var(--primary-dark);
      background: var(--background-tertiary);
      box-shadow: 0.65rem 0.65rem 0 color-mix(in srgb, var(--primary) 35%, transparent);
      transform: rotate(-1deg);
      transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

    #q83b736f2 .uea31b645:hover {
      transform: rotate(0deg);
      box-shadow: 0.85rem 0.85rem 0 color-mix(in srgb, var(--accent) 30%, transparent);
    }

    #q83b736f2 .u002d18e1 {
      margin: 0;
      font-size: clamp(2rem, 4vw, 2.75rem);
      font-weight: 700;
      line-height: 1.15;
      color: var(--text-primary);
    }

    #q83b736f2 .u96c65dad {
      margin: 0;
      font-size: 1.0625rem;
      line-height: 1.7;
      color: var(--text-secondary);
    }

    #q83b736f2 .uabbb8094 {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1.35rem;
    }

    #q83b736f2 .u28d95e9a {
      position: relative;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 1rem;
      min-height: 100%;
      padding-block: 1.65rem;
      padding-inline: 1.55rem;
      border-radius: 1.65rem;
      border: 3px solid var(--neutral-850);
      overflow: hidden;
      transition: transform 0.35s ease, box-shadow 0.35s ease;
    }

    #q83b736f2 .u28d95e9a::before {
      content: '';
      position: absolute;
      inset-block-start: -2.5rem;
      inset-inline-end: -2.5rem;
      width: 9rem;
      height: 9rem;
      border-radius: 50%;
      background-image: radial-gradient(circle, color-mix(in srgb, var(--background-tertiary) 55%, transparent) 18%, transparent 19%);
      background-size: 0.55rem 0.55rem;
      opacity: 0.45;
      pointer-events: none;
    }

    #q83b736f2 .u8ead9ca7 {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      position: relative;
      z-index: 1;
    }

    #q83b736f2 .ufb39605c {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 4.25rem;
      height: 4.25rem;
      flex-shrink: 0;
      border-radius: 1.15rem;
      border: 3px solid var(--background-tertiary);
      box-shadow: 0.35rem 0.35rem 0 color-mix(in srgb, var(--neutral-950) 18%, transparent);
      transition: transform 0.35s ease;
    }

    #q83b736f2 .u28d95e9a:hover .ufb39605c {
      transform: scale(1.08) rotate(-4deg);
    }

    #q83b736f2 .ufb39605c svg {
      width: 2rem;
      height: 2rem;
    }

    #q83b736f2 .u91feb17e {
      margin: 0;
      font-size: 1.28rem;
      font-weight: 700;
      line-height: 1.3;
      color: var(--text-primary);
      position: relative;
      z-index: 1;
    }

    #q83b736f2 .u341518f6 {
      margin: 0;
      font-size: 0.975rem;
      line-height: 1.65;
      color: var(--text-secondary);
      position: relative;
      z-index: 1;
    }

    #q83b736f2 .u59302e04 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 0.45rem;
      width: fit-content;
      max-width: 100%;
      margin-block-start: 0.25rem;
      padding-block: 0.6rem;
      padding-inline: 1.1rem;
      border-radius: 999px;
      border: 2px solid var(--background-tertiary);
      font-size: 0.9rem;
      font-weight: 700;
      text-decoration: none;
      box-shadow: 0.3rem 0.3rem 0 color-mix(in srgb, var(--neutral-950) 16%, transparent);
      transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
      position: relative;
      z-index: 1;
    }

    #q83b736f2 .u59302e04 svg {
      width: 1rem;
      height: 1rem;
      flex-shrink: 0;
      transition: margin-inline-start 0.3s ease;
    }

    #q83b736f2 .u59302e04:hover svg {
      margin-inline-start: 0.2rem;
    }

    #q83b736f2 .ub8aa654d {
      border-color: var(--primary-dark);
      background: linear-gradient(
        155deg,
        color-mix(in srgb, var(--primary-bg) 55%, var(--background-tertiary)),
        color-mix(in srgb, var(--warning-bg) 22%, var(--background-tertiary))
      );
      box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--primary-dark) 55%, transparent);
      transform: rotate(-1.25deg);
    }

    #q83b736f2 .ub8aa654d .ufb39605c {
      background: var(--background-tertiary);
      color: var(--primary-dark);
    }

    #q83b736f2 .ub8aa654d .u59302e04 {
      background: var(--background-tertiary);
      color: var(--primary-dark);
      border-color: var(--primary-light);
    }

    #q83b736f2 .ub8aa654d .u59302e04:hover {
      background: var(--primary-bg);
      transform: translateY(-0.15rem);
      box-shadow: 0.4rem 0.4rem 0 color-mix(in srgb, var(--primary-dark) 40%, transparent);
    }

    #q83b736f2 .u0893c3d4 {
      border-color: var(--secondary-dark);
      background: linear-gradient(
        155deg,
        color-mix(in srgb, var(--secondary-bg) 52%, var(--background-tertiary)),
        color-mix(in srgb, var(--success-bg) 20%, var(--background-tertiary))
      );
      box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--secondary-dark) 50%, transparent);
      transform: rotate(1deg);
    }

    #q83b736f2 .u0893c3d4 .ufb39605c {
      background: var(--background-tertiary);
      color: var(--secondary-dark);
    }

    #q83b736f2 .u0893c3d4 .u59302e04 {
      background: var(--background-tertiary);
      color: var(--secondary-dark);
      border-color: var(--secondary-light);
    }

    #q83b736f2 .u0893c3d4 .u59302e04:hover {
      background: var(--secondary-bg);
      transform: translateY(-0.15rem);
      box-shadow: 0.4rem 0.4rem 0 color-mix(in srgb, var(--secondary-dark) 38%, transparent);
    }

    #q83b736f2 .u41f44ce5 {
      border-color: var(--accent-dark);
      background: linear-gradient(
        155deg,
        color-mix(in srgb, var(--accent-bg) 50%, var(--background-tertiary)),
        color-mix(in srgb, var(--info-bg) 24%, var(--background-tertiary))
      );
      box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--accent-dark) 48%, transparent);
      transform: rotate(-0.75deg);
    }

    #q83b736f2 .u41f44ce5 .ufb39605c {
      background: var(--background-tertiary);
      color: var(--accent-dark);
    }

    #q83b736f2 .u41f44ce5 .u59302e04 {
      background: var(--background-tertiary);
      color: var(--accent-dark);
      border-color: var(--accent-light);
    }

    #q83b736f2 .u41f44ce5 .u59302e04:hover {
      background: var(--accent-bg);
      transform: translateY(-0.15rem);
      box-shadow: 0.4rem 0.4rem 0 color-mix(in srgb, var(--accent-dark) 38%, transparent);
    }

    #q83b736f2 .ua0bf733f {
      border-color: var(--success-dark);
      background: linear-gradient(
        155deg,
        color-mix(in srgb, var(--success-bg) 50%, var(--background-tertiary)),
        color-mix(in srgb, var(--warning-bg) 18%, var(--background-tertiary))
      );
      box-shadow: 0.55rem 0.55rem 0 color-mix(in srgb, var(--success-dark) 48%, transparent);
      transform: rotate(1.15deg);
    }

    #q83b736f2 .ua0bf733f .ufb39605c {
      background: var(--background-tertiary);
      color: var(--success-dark);
    }

    #q83b736f2 .ua0bf733f .u59302e04 {
      background: var(--background-tertiary);
      color: var(--success-dark);
      border-color: var(--success-light);
    }

    #q83b736f2 .ua0bf733f .u59302e04:hover {
      background: var(--success-bg);
      transform: translateY(-0.15rem);
      box-shadow: 0.4rem 0.4rem 0 color-mix(in srgb, var(--success-dark) 38%, transparent);
    }

    #q83b736f2 .u28d95e9a:hover {
      transform: translateY(-0.35rem) rotate(0deg);
    }

    @media (max-width: 991.98px) {
      #q83b736f2 {
        padding-block: 4rem;
      }

      #q83b736f2 .uea31b645 {
        padding-block: 1.5rem;
        padding-inline: 1.35rem;
        border-radius: 1.5rem;
      }

      #q83b736f2 .uabbb8094 {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.15rem;
      }

      #q83b736f2 .u28d95e9a {
        transform: none;
      }

      #q83b736f2 .u28d95e9a:hover {
        transform: translateY(-0.3rem);
      }
    }

    @media (max-width: 575.98px) {
      #q83b736f2 .u8ead9ca7 {
        flex-direction: column;
        align-items: flex-start;
      }

      #q83b736f2 .u59302e04 {
        width: 100%;
        justify-content: center;
      }
    }

#qdc338c91 {
            position: relative;
            overflow: hidden;
            background-color: var(--background-tertiary);
            background-image:
              radial-gradient(circle, rgba(var(--bs-primary-rgb), 0.18) 1.5px, transparent 1.5px),
              linear-gradient(135deg, var(--primary-bg) 0%, var(--background-tertiary) 45%, var(--accent-bg) 100%);
            background-size: 14px 14px, 100% 100%;
          }
    
          #qdc338c91::before {
            content: '';
            position: absolute;
            inset-block: -20%;
            inset-inline: -10%;
            background:
              radial-gradient(circle at 15% 20%, rgba(var(--bs-secondary-rgb), 0.22) 0%, transparent 42%),
              radial-gradient(circle at 85% 75%, rgba(var(--bs-primary-rgb), 0.2) 0%, transparent 40%);
            pointer-events: none;
            z-index: 0;
          }
    
          #qdc338c91::after {
            content: '';
            position: absolute;
            inset-block-start: 8%;
            inset-inline-end: 4%;
            width: 7rem;
            height: 7rem;
            background: var(--warning-bg);
            border: 3px solid var(--text-primary);
            transform: rotate(18deg);
            box-shadow: 5px 5px 0 var(--warning-dark);
            pointer-events: none;
            z-index: 0;
          }
    
          #qdc338c91 .u81c860d9 {
            position: relative;
            z-index: 1;
          }
    
          #qdc338c91 .ub01c2d4e {
            text-align: center;
            margin-block-end: 3rem;
            max-width: 44rem;
            margin-inline: auto;
          }
    
          #qdc338c91 .uf567eccf {
            display: inline-block;
            margin: 0;
            padding-block: 0.55rem;
            padding-inline: 1.35rem;
            background: var(--danger-bg);
            color: var(--text-primary);
            font-weight: 900;
            font-size: 0.82rem;
            text-transform: uppercase;
            letter-spacing: 0.12em;
            border: 3px solid var(--text-primary);
            box-shadow: 4px 4px 0 var(--danger-dark);
            transform: rotate(-2deg);
          }
    
          #qdc338c91 .u457ec8bd {
            margin-block: 1.35rem 0;
            margin-inline: 0;
            font-weight: 900;
            color: var(--text-primary);
            font-size: clamp(2.1rem, 4vw, 3.2rem);
            line-height: 1.05;
            letter-spacing: -0.02em;
            text-shadow:
              3px 3px 0 var(--primary-bg),
              6px 6px 0 var(--accent);
          }
    
          #qdc338c91 .u2a91452d {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 2rem;
            align-items: start;
          }
    
          #qdc338c91 .u49023791 {
            position: relative;
            padding-block: 1rem;
            padding-inline: 1rem;
          }
    
          #qdc338c91 .u24b94c54 {
            position: absolute;
            inset-block-start: -0.5rem;
            inset-inline-start: -0.75rem;
            width: 5.5rem;
            height: 5.5rem;
            background: var(--secondary-bg);
            border: 3px solid var(--text-primary);
            clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
            box-shadow: 4px 4px 0 var(--secondary-dark);
            z-index: 2;
            animation: popartpulse_k7m2n9x4p8q1r 3.5s ease-in-out infinite;
          }
    
          #qdc338c91 .ub4b69976 {
            position: relative;
            z-index: 1;
            aspect-ratio: 1 / 1;
            width: 100%;
            max-width: 26rem;
            margin-inline: auto;
            border: 4px solid var(--text-primary);
            background: var(--info-bg);
            box-shadow: 10px 10px 0 var(--primary);
            transform: rotate(-4deg);
            overflow: hidden;
            transition: transform 0.35s ease, box-shadow 0.35s ease;
          }
    
          #qdc338c91 .ub4b69976 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
          }
    
          #qdc338c91 .u7c7ce504 {
            position: absolute;
            inset-block-end: -1rem;
            inset-inline-end: -0.75rem;
            width: 4.5rem;
            height: 4.5rem;
            background: var(--warning-bg);
            border: 3px solid var(--text-primary);
            border-radius: 50%;
            box-shadow: 4px 4px 0 var(--warning-dark);
            z-index: 0;
          }
    
          #qdc338c91 .ucfea9031 {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            gap: 1.15rem;
          }
    
          #qdc338c91 .ucc9dcf5f {
            display: flex;
            flex-direction: column;
            gap: 0.65rem;
            padding-block: 1.15rem;
            padding-inline: 1.15rem;
            border: 3px solid var(--text-primary);
            min-height: 100%;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
          }
    
          #qdc338c91 .ucc9dcf5f:hover {
            transform: translateY(-4px);
          }
    
          #qdc338c91 .u2da80379 {
            background: var(--warning-bg);
            box-shadow: 6px 6px 0 var(--warning-dark);
          }
    
          #qdc338c91 .u2da80379:hover {
            box-shadow: 8px 8px 0 var(--warning-dark);
          }
    
          #qdc338c91 .u44c5a36f {
            background: var(--accent-bg);
            box-shadow: 6px 6px 0 var(--accent-dark);
            transform: translateY(0.75rem);
          }
    
          #qdc338c91 .u44c5a36f:hover {
            transform: translateY(0.35rem);
            box-shadow: 8px 8px 0 var(--accent-dark);
          }
    
          #qdc338c91 .u9234b811 {
            background: var(--danger-bg);
            box-shadow: 6px 6px 0 var(--danger-dark);
          }
    
          #qdc338c91 .u9234b811:hover {
            box-shadow: 8px 8px 0 var(--danger-dark);
          }
    
          #qdc338c91 .u6b204a49 {
            background: var(--secondary-bg);
            box-shadow: 6px 6px 0 var(--secondary-dark);
            transform: translateY(0.75rem);
          }
    
          #qdc338c91 .u6b204a49:hover {
            transform: translateY(0.35rem);
            box-shadow: 8px 8px 0 var(--secondary-dark);
          }
    
          #qdc338c91 .u1dd5c8ea {
            width: 2.75rem;
            height: 2.75rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: var(--background-tertiary);
            border: 3px solid var(--text-primary);
            box-shadow: 3px 3px 0 var(--text-primary);
            flex-shrink: 0;
          }
    
          #qdc338c91 .u1dd5c8ea i {
            font-size: 1.2rem;
            color: var(--text-primary);
          }
    
          #qdc338c91 .uccd135ae {
            margin: 0;
            font-weight: 900;
            font-size: 1.05rem;
            line-height: 1.25;
            color: var(--text-primary);
          }
    
          #qdc338c91 .u01ddb853 {
            margin: 0;
            flex-grow: 1;
            color: var(--text-primary);
            line-height: 1.65;
            font-size: 0.95rem;
          }
    
          #qdc338c91 .ud4016cbb {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            align-self: flex-start;
            margin-block-start: 0.25rem;
            padding-block: 0.55rem;
            padding-inline: 1rem;
            text-decoration: none;
            font-weight: 900;
            font-size: 0.88rem;
            text-transform: uppercase;
            letter-spacing: 0.06em;
            color: var(--text-light);
            background: var(--text-primary);
            border: 2px solid var(--text-primary);
            box-shadow: 3px 3px 0 var(--primary-dark);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
          }
    
          #qdc338c91 .ud4016cbb:hover {
            transform: translateY(-2px);
            box-shadow: 5px 5px 0 var(--primary-dark);
            color: var(--text-light);
          }
    
          @keyframes popartpulse_k7m2n9x4p8q1r {
            0%,
            100% {
              transform: scale(1) rotate(0deg);
            }
            50% {
              transform: scale(1.06) rotate(6deg);
            }
          }
    
          @media (max-width: 991.98px) {
            #qdc338c91 .u2a91452d {
              grid-template-columns: minmax(0, 1fr);
              gap: 2.5rem;
            }
    
            #qdc338c91 .ub4b69976 {
              max-width: 20rem;
            }
    
            #qdc338c91 .u44c5a36f,
            #qdc338c91 .u6b204a49 {
              transform: none;
            }
    
            #qdc338c91 .u44c5a36f:hover,
            #qdc338c91 .u6b204a49:hover {
              transform: translateY(-4px);
            }
          }
    
          @media (max-width: 575.98px) {
            #qdc338c91 .ucfea9031 {
              grid-template-columns: minmax(0, 1fr);
            }
    
            #qdc338c91 .ub4b69976 {
              max-width: 100%;
              transform: none;
            }
    
            #qdc338c91::after {
              width: 4.5rem;
              height: 4.5rem;
            }
    
            #qdc338c91 .uf567eccf {
              transform: none;
            }
          }

#qe29c7b04 {
      &.u37086e5c {
          padding-block: 5rem;
          background: linear-gradient(180deg, var(--background-primary) 0%, var(--primary-bg) 100%);

          .u5c713c3a {
              max-width: 1300px;
              margin: 0 auto;
              padding-inline: 1.5rem;
          }

          .uc1b30bca {
              display: grid;
              grid-template-columns: 2fr 1fr;
              gap: 2rem;
          }

          .u68301cb0 {
              background: var(--background-tertiary);
              border-radius: 2rem;
              padding: 3rem;
              border: 1px solid var(--neutral-150);

              .uc8ca0517 {
                  display: inline-flex;
                  padding-block: 0.5rem;
                  padding-inline: 1rem;
                  border-radius: 999px;
                  background: var(--primary-bg);
                  color: var(--primary-dark);
                  font-weight: 700;
                  margin-bottom: 1.5rem;
              }

              .u34496d29 {
                  margin: 0 0 1rem;
                  color: var(--text-primary);
                  font-size: 3rem;
                  font-weight: 900;
              }

              .ueda9a0ce {
                  margin: 0 0 2rem;
                  color: var(--text-secondary);
                  line-height: 1.8;
              }
          }

          .u3c391f2f {
              display: flex;
              flex-direction: column;
              gap: 2rem;
          }

          .u397e27db {
              background: var(--background-dark);
              border-radius: 1.5rem;
              padding: 2rem;

              .u34496d29 {
                  margin: 0 0 1rem;
                  color: var(--text-light);
                  font-size: 1.4rem;
                  font-weight: 800;
              }

              .ueda9a0ce {
                  margin: 0;
                  color: var(--neutral-250);
                  line-height: 1.7;
              }
          }

          .u7fba9d63 {
              display: inline-flex;
              align-items: center;
              justify-content: center;
              min-height: 54px;
              padding-inline: 1.8rem;
              border-radius: 999px;
              background: var(--accent);
              color: var(--text-light);
              text-decoration: none;
              font-weight: 800;
          }

          @media (max-width: 992px) {
              .uc1b30bca {
                  grid-template-columns: 1fr;
              }
          }

          @media (max-width: 768px) {
              padding-block: 3.5rem;

              .u5c713c3a {
                  padding-inline: 1rem;
              }

              .u68301cb0 {
                  padding: 2rem;

                  .u34496d29 {
                      font-size: 2.2rem;
                  }
              }
          }
      }
  }

#qb6c07677 {
        --cta_dir: 1;
        position: relative;
        overflow: clip;
        padding-block: clamp(3rem, 6vw, 5.5rem);
        padding-inline: 0;
        background: linear-gradient(165deg, var(--background-primary) 0%, color-mix(in srgb, var(--accent-bg) 35%, var(--background-primary)) 45%, var(--background-secondary) 100%);
      }

      [dir='rtl'] #qb6c07677 {
        --cta_dir: -1;
      }

      #qb6c07677 .ue48423bf {
        position: relative;
        z-index: 1;
        border-radius: 1.75rem;
        padding-block: clamp(2rem, 4vw, 3.25rem);
        padding-inline: clamp(1.25rem, 4vw, 3rem);
        background: var(--background-tertiary);
        border: 1px solid color-mix(in srgb, var(--neutral-250) 65%, var(--background-tertiary));
        box-shadow: 0 1.5rem 3rem color-mix(in srgb, var(--primary) 18%, transparent);
        overflow: hidden;
      }

      #qb6c07677 .ue48423bf::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 4px;
        border-start-start-radius: 1.75rem;
        border-start-end-radius: 1.75rem;
        border-end-start-radius: 0;
        border-end-end-radius: 0;
        background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 50%, var(--secondary) 100%);
        opacity: 0.95;
        animation: cta_barflow_x7k2mq9np4w8 8s ease-in-out infinite;
      }

      @keyframes cta_barflow_x7k2mq9np4w8 {
        0%,
        100% {
          transform: translateX(calc(var(--cta_dir) * 0%));
          filter: saturate(1);
        }
        50% {
          transform: translateX(calc(var(--cta_dir) * 2%));
          filter: saturate(1.15);
        }
      }

      #qb6c07677 .u17f973df {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: clamp(1.75rem, 4vw, 3rem);
        align-items: center;
      }

      @media (min-width: 992px) {
        #qb6c07677 .u17f973df {
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        }
      }

      #qb6c07677 .ua9cab54f {
        text-align: start;
      }

      #qb6c07677 .u23b6488c {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.35rem;
        padding-inline: 0.85rem;
        margin-block-end: 1.25rem;
        border-radius: 999px;
        font-size: 0.8125rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        white-space: normal;
        color: var(--primary-dark);
        background: color-mix(in srgb, var(--primary-bg) 40%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--primary) 22%, var(--background-tertiary));
      }

      #qb6c07677 .ud30188ec {
        inline-size: 0.5rem;
        block-size: 0.5rem;
        border-radius: 50%;
        background: var(--accent);
        box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);
      }

      #qb6c07677 .u4999d16d {
        font-size: clamp(1.85rem, 2.8vw, 2.65rem);
        font-weight: 800;
        line-height: 1.12;
        margin-block-end: 1rem;
        color: var(--text-primary);
        letter-spacing: -0.02em;
      }

      #qb6c07677 .u95d86778 {
        font-size: 1.0625rem;
        line-height: 1.65;
        margin-block-end: 1.5rem;
        color: var(--text-secondary);
        max-width: 38ch;
      }

      #qb6c07677 .u06231bdf {
        list-style: none;
        padding: 0;
        margin-block: 0 1.75rem;
        margin-inline: 0;
        display: grid;
        gap: 0.65rem;
      }

      #qb6c07677 .u06231bdf li {
        display: flex;
        align-items: start;
        gap: 0.65rem;
        font-size: 0.98rem;
        line-height: 1.5;
        color: var(--text-tertiary);
      }

      #qb6c07677 .u06231bdf i {
        margin-block-start: 0.15rem;
        font-size: 1.05rem;
        color: var(--success-color);
        flex-shrink: 0;
      }

      #qb6c07677 .u758d6b24 {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.85rem;
      }

      #qb6c07677 .ucbe6e843 {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.6rem;
        padding-block: 0.95rem;
        padding-inline: 1.6rem;
        border-radius: 999px;
        font-weight: 700;
        font-size: 1rem;
        text-decoration: none;
        color: var(--text-light);
        background: linear-gradient(120deg, var(--primary-dark) 0%, var(--primary) 55%, var(--accent-dark) 100%);
        border: 1px solid color-mix(in srgb, var(--text-light) 18%, transparent);
        box-shadow: 0 0.85rem 1.75rem color-mix(in srgb, var(--primary) 35%, transparent);
        transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
      }

      #qb6c07677 .ucbe6e843:hover {
        transform: translateY(-3px);
        box-shadow: 0 1.15rem 2.25rem color-mix(in srgb, var(--primary-dark) 40%, transparent);
        filter: brightness(1.03);
        color: var(--text-light);
      }

      #qb6c07677 .ucbe6e843 i {
        font-size: 1.1rem;
      }

      #qb6c07677 .ua7f164a8 {
        position: relative;
        margin-inline: auto;
        inline-size: min(100%, 22rem);
      }

      #qb6c07677 .u83bd73da {
        position: absolute;
        inset-block-start: -0.75rem;
        inset-inline-end: -0.75rem;
        inline-size: 42%;
        block-size: 42%;
        border-radius: 1.25rem;
        background: linear-gradient(145deg, var(--secondary-light), var(--accent-light));
        opacity: 0.55;
        z-index: 0;
      }

      #qb6c07677 .u3a1c3e8f {
        position: relative;
        z-index: 1;
        border-radius: 1.35rem;
        padding: 0.65rem;
        background: linear-gradient(135deg, color-mix(in srgb, var(--primary) 18%, var(--background-tertiary)), color-mix(in srgb, var(--accent) 14%, var(--background-tertiary)));
        box-shadow: 0 1.25rem 2.5rem color-mix(in srgb, var(--neutral-850) 22%, transparent);
      }

      #qb6c07677 .u3a1c3e8f img {
        display: block;
        inline-size: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border-radius: 0.95rem;
        background: var(--neutral-150);
      }

      #qb6c07677 .ue3c0582a {
        margin-block-start: 0.85rem;
        text-align: center;
        font-size: 0.8125rem;
        font-weight: 600;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--neutral-650);
      }

      @media (max-width: 991.98px) {
        #qb6c07677 .ua9cab54f {
          text-align: center;
        }

        #qb6c07677 .u95d86778 {
          margin-inline: auto;
        }

        #qb6c07677 .u06231bdf {
          text-align: start;
          max-width: 28rem;
          margin-inline: auto;
        }

        #qb6c07677 .u758d6b24 {
          justify-content: center;
        }
      }

#qe297c99a {
        background: var(--background-dark);
        color: var(--text-light);
        position: relative;
        overflow: hidden;

        &::after {
          content: '';
          position: absolute;
          top: 0;
          inset-inline-start: 0;
          inset-inline-end: 0;
          height: 3px;
          background: linear-gradient(90deg, var(--primary), var(--accent), var(--secondary));
          opacity: 0.9;
        }

        .u7afba8da {
          padding-block: 3rem 2rem;
padding-inline: 0;
        }

        .uba1b8e8d {
          display: flex;
          flex-wrap: wrap;
          align-items: flex-start;
          justify-content: space-between;
          gap: 2rem;
          padding-bottom: 2rem;
          border-bottom: 1px solid var(--neutral-750);
          margin-bottom: 2rem;
        }

        .uf98c1d77 {
          max-width: 320px;
        }

        .u7bda707a {
          font-size: 1.25rem;
          font-weight: 700;
          color: var(--text-light);
          margin-bottom: 1rem;
          letter-spacing: 0.02em;
        }

        .u9e32f547 {
          list-style: none;
          padding: 0;
          margin: 0;
        }

        .u9e32f547 li {
          display: flex;
          align-items: flex-start;
          gap: 0.75rem;
          margin-bottom: 0.875rem;
          font-size: 0.9rem;
          color: var(--neutral-250);
          line-height: 1.4;
        }

        .u9e32f547 li i {
          color: var(--primary-light);
          font-size: 1rem;
          margin-top: 0.15rem;
          flex-shrink: 0;
        }

        .ue15ba262 {
          display: flex;
          flex-wrap: wrap;
          gap: 3rem;
        }

        .ueef6ad3f h6 {
          font-size: 0.8rem;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.08em;
          color: var(--neutral-350);
          margin-bottom: 1rem;
        }

        .u7ef0979f {
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
        }

        .u7ef0979f a {
          color: var(--neutral-250);
          text-decoration: none;
          font-size: 0.9rem;
          transition: color 0.25s ease, padding-left 0.25s ease;
        }

        .u7ef0979f a:hover {
          color: var(--primary-light);
          padding-inline-start:0.25rem;
        }

        .u586649e5 {
          text-align: end;
        }

        .u908a4774 {
          font-size: 0.8rem;
          font-weight: 600;
          text-transform: uppercase;
          letter-spacing: 0.08em;
          color: var(--neutral-350);
          margin-bottom: 1rem;
          display: block;
        }

        .ueea8ba2c {
          display: flex;
          flex-wrap: wrap;
          gap: 0.5rem;
          justify-content: flex-end;
        }

        .ueea8ba2c .uae3d23ca {
          width: 2.5rem;
          height: 2.5rem;
          border-radius: 0.5rem;
          background: var(--neutral-850);
          color: var(--text-light);
          border: 1px solid var(--neutral-750);
          display: inline-flex;
          align-items: center;
          justify-content: center;
          font-size: 1.1rem;
          transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
          text-decoration: none;
        }

        .ueea8ba2c .uae3d23ca:hover {
          background: var(--primary);
          color: var(--text-light);
          border-color: var(--primary);
          transform: translateY(-2px);
        }

        .ub517436e {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          gap: 1rem;
          font-size: 0.85rem;
          color: var(--neutral-450);
        }

        .ua2695f31 {
          display: flex;
          flex-wrap: wrap;
          gap: 1rem;
        }

        .ua2695f31 a {
          color: var(--neutral-450);
          text-decoration: none;
          transition: color 0.25s ease;
        }

        .ua2695f31 a:hover {
          color: var(--primary-light);
        }

        @media (max-width: 991.98px) {
          #qe297c99a .u586649e5 {
            text-align: start;
          }

          #qe297c99a .ueea8ba2c {
            justify-content: flex-start;
          }
        }
      }