#q-20db6786 {
        position: relative;
        z-index: 1000;

        .navbar {
          background: linear-gradient(180deg, var(--background-tertiary) 0%, var(--background-primary) 55%, var(--neutral-150) 100%) !important;
          border-bottom: 1px solid var(--border-light);
          box-shadow: 0 12px 40px rgba(var(--bs-dark-rgb), 0.06);
          padding-block: 0.85rem;
          padding-inline: 0;
        }

        .container {
          position: relative;
        }

        .navbar-brand {
          position: relative;
          white-space: normal;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          color: var(--text-primary) !important;
          font-size: 1.6rem;
          font-weight: 800;
          letter-spacing: -0.04em;
          padding-block: 0.35rem;
          padding-inline: 0.65rem 0.85rem;
          border-radius: 14px;
          border: 1px solid transparent;
          transition: border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
        }

        .navbar-brand:hover {
          color: var(--primary-dark) !important;
          border-color: var(--border-medium);
          box-shadow: 0 8px 24px rgba(var(--bs-primary-rgb), 0.12), inset 0 0 0 1px var(--primary-bg);
        }

        .navbar-brand img {
          width: 42px;
          height: 42px;
          object-fit: contain;
          border-radius: 10px;
          border: 1px solid var(--border-light);
          background: var(--white);
          transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .navbar-brand:hover img {
          transform: translateY(-1px);
          box-shadow: 0 6px 18px rgba(var(--bs-accent-rgb), 0.2);
        }

        .u-6fff9ea8 {
          width: 100%;
        }

        .u-6f0ea3b7 {
          gap: 0.25rem;
          padding: 0;
          margin: 0;
        }

        .u-d7c203a9 {
          position: relative;
        }

        .nav-link {
          color: var(--text-secondary) !important;
          font-size: 0.9rem;
          font-weight: 600;
          padding-block: 0.55rem;
          padding-inline: 1rem;
          border-radius: 999px;
          transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
          display: inline-flex;
          align-items: center;
          gap: 0.45rem;
          border: 1px solid transparent;
        }

        .nav-link i {
          font-size: 1rem;
          color: var(--primary);
          transition: color 0.2s ease, transform 0.2s ease;
        }

        .nav-link:hover {
          color: var(--text-primary) !important;
          background: linear-gradient(135deg, var(--primary-bg), var(--accent-bg));
          border-color: var(--primary-light);
          box-shadow: 0 6px 20px rgba(var(--bs-primary-rgb), 0.18);
          transform: translateY(-1px);
        }

        .nav-link:hover i {
          color: var(--accent-dark);
          transform: scale(1.08);
        }

        @keyframes menushine_k7nq2xm9pw4rt {
          0%,
          100% {
            background-position: 0% 50%;
          }
          50% {
            background-position: 100% 50%;
          }
        }

        .u-b8830bb2 {
          display: flex;
          align-items: center;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--border-light);
          box-shadow: inset 0 1px 0 var(--neutral-50), 0 10px 30px rgba(var(--bs-dark-rgb), 0.05);
          background-color: var(--white);
          background-image: linear-gradient(135deg, var(--white) 0%, var(--background-primary) 45%, var(--white) 100%);
          background-size: 200% 200%;
          animation: menushine_k7nq2xm9pw4rt 14s ease-in-out infinite;
        }

        .navbar-toggler {
          border: 1px solid var(--border-medium);
          border-radius: 12px;
          padding: 0.45rem 0.6rem;
          background: var(--white);
          color: var(--primary) !important;
          box-shadow: 0 4px 14px rgba(var(--bs-dark-rgb), 0.06);
          transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
        }

        .navbar-toggler:focus {
          box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.22);
        }

        .navbar-toggler:hover {
          border-color: var(--primary);
          background: linear-gradient(135deg, var(--primary-bg), var(--accent-bg));
          color: var(--accent-dark) !important;
        }

        .navbar-toggler-icon {
          width: 1.35rem;
          height: 1.35rem;
          background-image: none;
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }

        .navbar-toggler-icon svg {
          width: 100%;
          height: 100%;
        }

        @media (min-width: 992px) {
          .u-6fff9ea8 {
            display: flex;
            justify-content: flex-end;
          }

          .u-b8830bb2 {
            width: fit-content;
            max-width: 100%;
          }

          .u-6f0ea3b7 {
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
          }

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

        @media (max-width: 991.98px) {
          .navbar {
            padding-block: 0.65rem;
          }

          .navbar-brand {
            font-size: 1.35rem;
            padding-inline: 0.5rem 0.65rem;
          }

          .navbar-brand img {
            width: 38px;
            height: 38px;
          }

          .navbar-collapse {
            margin-top: 0.85rem;
          }

          .u-b8830bb2 {
            border-radius: 18px;
            padding: 0.65rem;
            flex-direction: column;
            align-items: stretch;
            animation: none;
            background-image: none;
            background: linear-gradient(160deg, var(--white) 0%, var(--background-primary) 100%);
            border: 1px solid var(--primary-bg);
            box-shadow: 0 16px 40px rgba(var(--bs-primary-rgb), 0.12);
          }

          .u-6f0ea3b7 {
            flex-direction: column;
            align-items: stretch;
            gap: 0.4rem;
          }

          .u-6f0ea3b7 .u-d7c203a9 {
            width: 100%;
          }

          .nav-link {
            display: flex;
            border-radius: 14px;
            padding-block: 0.85rem;
            padding-inline: 1rem;
            justify-content: flex-start;
            width: 100%;
            border: 1px solid var(--border-light);
            background: var(--white);
          }

          .nav-link:hover {
            transform: none;
            border-color: var(--accent-light);
            background: linear-gradient(90deg, var(--accent-bg), var(--white));
          }
        }
      }

#q-fef8dbed {
      padding-block: 6rem;
      padding-inline: 1rem;
      background: var(--background-dark);
      position: relative;
      overflow: hidden;

      &::before {
          content: '';
          position: absolute;
          inset: 0;
          background:
                  radial-gradient(circle at top left, rgba(var(--bs-primary-rgb), .28) 0%, transparent 45%),
                  radial-gradient(circle at bottom right, rgba(176, 74, 150, .22) 0%, transparent 45%);
      }

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

      .u-3efb4149 {
          display: grid;
          gap: 2rem;
      }

      .u-a3591729 {
          background: rgba(255,255,255,.04);
          border: 1px solid rgba(255,255,255,.08);
          border-radius: 2rem;
          padding: 2.5rem;
          backdrop-filter: blur(12px);
      }

      .u-9b8d2189 {
          color: var(--white);
          font-size: 2.8rem;
          margin-bottom: 1.5rem;
          font-weight: 800;
      }

      .u-933d559d {
          color: var(--neutral-250);
          line-height: 1.9;
          font-size: 1.05rem;
          margin-bottom: 2rem;
      }

      .u-6380a8aa {
          display: flex;
          flex-wrap: wrap;
          gap: 1rem;
      }

      .u-58c5b33d {
          padding-block: .95rem;
          padding-inline: 1.6rem;
          border-radius: 999px;
          text-decoration: none;
          font-weight: 700;
          transition: .3s ease;

          &.u-9f106512 {
              background: var(--primary);
              color: var(--white);

              &:hover {
                  background: var(--primary-dark);
              }
          }

          &.u-fe2cb085 {
              border: 1px solid var(--neutral-550);
              color: var(--white);

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

      .u-d7379587 {
          display: grid;
          gap: 1rem;
      }

      .u-009fd98b {
          background: rgba(255,255,255,.05);
          border-radius: 1.5rem;
          padding: 1.5rem;
          border: 1px solid rgba(255,255,255,.06);
          display: flex;
          gap: 1rem;
          align-items: flex-start;
      }

      .u-95840b40 {
          width: 56px;
          height: 56px;
          border-radius: 1rem;
          background: linear-gradient(135deg, var(--primary), var(--accent));
          display: flex;
          align-items: center;
          justify-content: center;
          color: var(--white);
          font-size: 1.5rem;
          flex-shrink: 0;
      }

      .u-86a53da4 {
          color: var(--white);
          font-size: 1.1rem;
          font-weight: 700;
          margin-bottom: .45rem;
      }

      .u-3318076a {
          color: var(--neutral-250);
          line-height: 1.7;
      }

      @media (min-width: 992px) {
          .u-3efb4149 {
              grid-template-columns: 1.1fr .9fr;
              align-items: start;
          }
      }
  }

#q-fa1918e3 {
      overflow: hidden;
      position: relative;
      z-index: 1;
      padding-block: 3.5rem 2rem;
      padding-inline: 0;
      background: linear-gradient(125deg, var(--warning-bg) 0%, var(--primary-bg) 38%, var(--accent-bg) 72%, var(--secondary-bg) 100%);
      box-shadow: 0 -6px 40px color-mix(in srgb, var(--neutral-1050) 18%, transparent);
    }

    #q-fa1918e3 .u-159644de {
      pointer-events: none;
      position: absolute;
      inset-block: 0;
      inset-inline: 0;
      z-index: 0;
    }

    #q-fa1918e3 .u-9e49fe7b {
      position: absolute;
      width: 22rem;
      height: 22rem;
      border-radius: 50%;
      inset-block-start: -7rem;
      inset-inline-end: -5rem;
      background: radial-gradient(circle, color-mix(in srgb, var(--danger-light) 55%, transparent) 0%, transparent 72%);
      animation: footerglow_k7m2xp9q4nw 9s infinite alternate ease-in-out;
    }

    #q-fa1918e3 .u-879d56a0 {
      position: absolute;
      width: 18rem;
      height: 18rem;
      border-radius: 50%;
      inset-block-end: -6rem;
      inset-inline-start: -4rem;
      background: radial-gradient(circle, color-mix(in srgb, var(--info-light) 50%, transparent) 0%, transparent 70%);
      animation: footerglow_k7m2xp9q4nw 11s infinite alternate-reverse ease-in-out;
    }

    #q-fa1918e3 .u-0ee820e2 {
      position: absolute;
      inset-block-start: 0;
      inset-inline: 0;
      height: 0.35rem;
      background: linear-gradient(90deg, var(--danger-color), var(--primary), var(--accent), var(--secondary), var(--info-color));
    }

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

    #q-fa1918e3 .u-35077ff0 {
      background: var(--background-tertiary);
      border-radius: 1.5rem;
      padding-block: 2rem;
      padding-inline: 2rem;
      box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--neutral-1050) 14%, transparent);
      border: 2px solid color-mix(in srgb, var(--primary-light) 35%, transparent);
    }

    #q-fa1918e3 .u-9020eab8 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding-block-end: 1.75rem;
      margin-block-end: 1.75rem;
      border-block-end: 3px solid color-mix(in srgb, var(--primary) 25%, transparent);
    }

    #q-fa1918e3 .u-537a9c5d {
      font-size: 0.8rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--text-tertiary);
    }

    #q-fa1918e3 .u-71794719 {
      font-size: 1.35rem;
      font-weight: 700;
      color: var(--primary-dark);
      background: linear-gradient(90deg, var(--primary-dark), var(--accent-dark));
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    #q-fa1918e3 .u-b39a54b2 {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) minmax(0, 1fr);
      gap: 2rem;
      align-items: start;
    }

    #q-fa1918e3 .u-a8fc6421 {
      font-size: 0.95rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--text-primary);
      margin-block-end: 1.25rem;
      padding-inline-start: 0.85rem;
      border-inline-start: 4px solid var(--primary);
    }

    #q-fa1918e3 .u-037d5867 {
      padding-block-start: 0;
    }

    #q-fa1918e3 .u-30e5618a {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #q-fa1918e3 .u-3244d39f {
      display: flex;
      align-items: flex-start;
      gap: 0.9rem;
      padding-block: 0.85rem;
      padding-inline: 1rem;
      border-radius: 0.85rem;
      background: color-mix(in srgb, var(--neutral-50) 80%, var(--primary-bg));
      border: 1px solid color-mix(in srgb, var(--primary-light) 30%, transparent);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    #q-fa1918e3 .u-3244d39f:hover {
      transform: translateY(-3px);
      box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--primary) 18%, transparent);
    }

    #q-fa1918e3 .u-bc61a5b5 {
      flex-shrink: 0;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 0.65rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      color: var(--text-light);
    }

    #q-fa1918e3 .u-1792c62e {
      background: linear-gradient(135deg, var(--accent), var(--accent-dark));
    }

    #q-fa1918e3 .u-cdcad033 {
      background: linear-gradient(135deg, var(--warning-color), var(--warning-dark));
    }

    #q-fa1918e3 .u-c88c4394 {
      background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
    }

    #q-fa1918e3 .u-301e99d9 {
      min-width: 0;
    }

    #q-fa1918e3 .u-df2f0cb2 {
      display: block;
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--text-tertiary);
      margin-block-end: 0.2rem;
    }

    #q-fa1918e3 .u-cae8f2b5 {
      display: block;
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--text-primary);
      line-height: 1.4;
    }

    #q-fa1918e3 .u-8a868465 {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 0.55rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #q-fa1918e3 .u-b86eaaf2 {
      display: block;
      padding-block: 0.55rem;
      padding-inline: 0.85rem;
      border-radius: 2rem;
      font-size: 0.88rem;
      font-weight: 500;
      color: var(--text-secondary);
      text-decoration: none;
      background: var(--neutral-50);
      border: 1px solid var(--border-light);
      transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    }

    #q-fa1918e3 .u-b86eaaf2:hover {
      color: var(--text-light);
      background: linear-gradient(135deg, var(--primary), var(--accent));
      border-color: transparent;
      transform: translateY(-2px);
    }

    #q-fa1918e3 .u-52c50397 {
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }

    #q-fa1918e3 .u-68ce2553 {
      display: flex;
      flex-wrap: wrap;
      gap: 0.65rem;
      justify-content: flex-start;
    }

    #q-fa1918e3 .u-b9e89884 {
      --share-bg: var(--primary);
      --share-hover-bg: var(--primary-dark);
      --share-color: var(--text-light);
      width: 3.1rem;
      height: 3.1rem;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
      color: var(--share-color);
      background: var(--share-bg);
      border: 3px solid color-mix(in srgb, var(--white) 40%, transparent);
      box-shadow: 0 0.35rem 1rem color-mix(in srgb, var(--neutral-1050) 20%, transparent);
      text-decoration: none;
      transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
    }

    #q-fa1918e3 .u-b9e89884:hover {
      background: var(--share-hover-bg);
      color: var(--text-light);
      transform: translateY(-5px) scale(1.08);
      box-shadow: 0 0.65rem 1.5rem color-mix(in srgb, var(--neutral-1050) 28%, transparent);
    }

    #q-fa1918e3 .u-b9e89884.u-aed860fa {
      --share-bg: var(--info-color);
      --share-hover-bg: var(--info-dark);
    }

    #q-fa1918e3 .u-b9e89884.u-34486445 {
      --share-bg: var(--secondary);
      --share-hover-bg: var(--secondary-dark);
    }

    #q-fa1918e3 .u-b9e89884.u-740ee652 {
      --share-bg: var(--accent);
      --share-hover-bg: var(--accent-dark);
    }

    #q-fa1918e3 .u-b9e89884.u-2b2316dd {
      --share-bg: var(--neutral-1050);
      --share-hover-bg: var(--neutral-850);
    }

    #q-fa1918e3 .u-b9e89884.u-e2e7dfc7 {
      --share-bg: var(--info-dark);
      --share-hover-bg: var(--accent-dark);
    }

    #q-fa1918e3 .u-b9e89884.u-f3b5418a {
      --share-bg: var(--neutral-650);
      --share-hover-bg: var(--neutral-850);
    }

    #q-fa1918e3 .u-46679f0f {
      margin-block-start: 1.75rem;
      padding-block: 1rem;
      padding-inline: 1.5rem;
      text-align: center;
      font-size: 0.88rem;
      font-weight: 500;
      color: var(--text-primary);
      background: color-mix(in srgb, var(--white) 72%, transparent);
      border-radius: 2rem;
      border: 1px solid color-mix(in srgb, var(--white) 55%, transparent);
      backdrop-filter: blur(8px);
      letter-spacing: 0.04em;
    }

    @keyframes footerglow_k7m2xp9q4nw {
      0% {
        transform: scale(1) translate(0, 0);
      }
      50% {
        transform: scale(1.12) translate(-1.25rem, 0.75rem);
      }
      100% {
        transform: scale(1.05) translate(0.75rem, -0.5rem);
      }
    }

    @media (min-width: 992px) {
      #q-fa1918e3 .u-037d5867 {
        padding-block-start: 2.85rem;
      }
    }

    @media (max-width: 991.98px) {
      #q-fa1918e3 .u-b39a54b2 {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
      }

      #q-fa1918e3 .u-52c50397 {
        align-items: center;
      }

      #q-fa1918e3 .u-68ce2553 {
        justify-content: center;
      }

      #q-fa1918e3 .u-a8fc6421 {
        text-align: center;
        padding-inline-start: 0;
        border-inline-start: none;
        border-block-end: 3px solid var(--primary);
        padding-block-end: 0.5rem;
      }
    }

    @media (max-width: 575.98px) {
      #q-fa1918e3 .u-35077ff0 {
        padding-block: 1.5rem;
        padding-inline: 1.25rem;
      }

      #q-fa1918e3 .u-9020eab8 {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      #q-fa1918e3 .u-8a868465 {
        grid-template-columns: minmax(0, 1fr);
      }

      #q-fa1918e3 .u-3244d39f {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
    }