#ui0dcf490ff {
      position: relative;
      z-index: 1000;
      background: var(--background-tertiary);
      border-block-end: 1px solid var(--neutral-150);
      box-shadow: 0 0.35rem 1.75rem color-mix(in srgb, var(--neutral-1050) 8%, transparent);

      .m38cf8b071 {
        block-size: 0.35rem;
        background: linear-gradient(
          90deg,
          var(--primary-dark),
          var(--primary),
          var(--accent-dark),
          var(--accent)
        );
      }

      .mc75dcf93b {
        padding-block: 1.25rem 1rem;
        padding-inline: 0;
      }

      .md519caf14 {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1rem;
      }

      .mf787df6e1 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: end;
        gap: clamp(1rem, 2vw, 2rem);
        flex: 1;
        min-inline-size: 0;
      }

      .m94d9a3a3d {
        flex-shrink: 0;
        padding-block-start: 0.15rem;
      }

      .me13ef10ca {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
        min-inline-size: 0;
      }

      .mb5604c6bd {
        font-size: 0.7rem;
        font-weight: 600;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--text-tertiary);
      }

      .m62ab4d269 {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        font-size: clamp(1.35rem, 1.1rem + 0.9vw, 1.85rem);
        font-weight: 800;
        line-height: 1.1;
        text-decoration: none;
        background-image: linear-gradient(
          120deg,
          var(--primary-dark),
          var(--accent-dark),
          var(--primary)
        );
        background-clip: text;
        -webkit-background-clip: text;
        color: transparent;
        transition: filter 0.35s ease, translate 0.35s ease;
        padding-block: 0.2rem;
        padding-inline: 0;
      }

      .m62ab4d269:focus-visible {
        outline: 2px solid var(--primary);
        outline-offset: 3px;
      }

      .m62ab4d269:hover {
        filter: brightness(1.05);
        translate: 0 -0.08rem;
      }

      .m89223d603 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem 1rem;
        justify-items: end;
        text-align: end;
      }

      .m89223d603 .m515ee3345:nth-child(3) {
        grid-column: 1 / -1;
        justify-self: end;
      }

      .m515ee3345 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        gap: 0.5rem;
        font-size: 0.8rem;
        color: var(--text-secondary);
        text-decoration: none;
        line-height: 1.35;
        min-inline-size: 0;
        padding-block: 0.35rem;
        padding-inline: 0;
        border-radius: 0.35rem;
        transition: color 0.25s ease, background-color 0.25s ease;
      }

      .m515ee3345[href] {
        cursor: pointer;
      }

      .m515ee3345[href]:hover,
      .m515ee3345[href]:focus-visible {
        color: var(--primary-dark);
        background-color: color-mix(in srgb, var(--primary-bg) 35%, var(--background-tertiary));
      }

      .m515ee3345 svg {
        flex-shrink: 0;
        margin-block-start: 0.1rem;
        inline-size: 1.05rem;
        block-size: 1.05rem;
        fill: currentColor;
      }

      .md0f3cebf2 {
        display: inline-block;
        max-inline-size: 22rem;
        overflow-wrap: anywhere;
      }

      .navbar {
        padding-block: 0.35rem 1rem;
        padding-inline: 0;
        border-block-start: 1px solid var(--neutral-150);
        background: color-mix(in srgb, var(--background-secondary) 55%, var(--background-tertiary));
      }

      .navbar .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 0.75rem;
      }

      .navbar-toggler {
        border: 1px solid color-mix(in srgb, var(--text-primary) 22%, transparent);
        padding-block: 0.45rem;
        padding-inline: 0.7rem;
        border-radius: 0.5rem;
        background: var(--background-tertiary);
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
      }

      .navbar-toggler:hover {
        border-color: var(--primary);
        box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--primary) 22%, transparent);
      }

      .navbar-toggler-icon {
        background-image: none;
        inline-size: 1.35rem;
        block-size: 1rem;
        position: relative;
        vertical-align: middle;
      }

      .navbar-toggler-icon::before {
        content: '';
        position: absolute;
        inset-inline-start: 0;
        inset-block-start: 0;
        inline-size: 100%;
        block-size: 0.125rem;
        border-radius: 999px;
        background: var(--text-primary);
        box-shadow:
          0 0.42rem 0 0 var(--text-primary),
          0 0.84rem 0 0 var(--text-primary);
      }

      .navbar-nav {
        gap: 0.15rem;
        padding-block: 0.25rem;
        padding-inline: 0;
      }

      .nav-link.m2b34ca414 {
        color: var(--text-primary);
        font-weight: 600;
        font-size: 0.92rem;
        letter-spacing: 0.02em;
        padding-block: 0.55rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        position: relative;
        transition: color 0.25s ease, background-color 0.25s ease;
      }

      .nav-link.m2b34ca414::after {
        content: '';
        position: absolute;
        inset-inline-start: 50%;
        inset-block-end: 0.2rem;
        inline-size: 0;
        block-size: 0.15rem;
        border-radius: 999px;
        background: linear-gradient(
          90deg,
          var(--primary),
          var(--accent)
        );
        transform: translateX(-50%);
        transition: inline-size 0.25s ease;
      }

      .nav-link.m2b34ca414:hover,
      .nav-link.m2b34ca414:focus-visible {
        color: var(--primary-dark);
        background-color: color-mix(in srgb, var(--primary-bg) 40%, var(--background-tertiary));
      }

      .nav-link.m2b34ca414:hover::after,
      .nav-link.m2b34ca414:focus-visible::after {
        inline-size: 62%;
      }

      .m75eea1c8d {
        display: none;
        flex-direction: column;
        gap: 0.5rem;
        padding-block: 1rem 0.25rem;
        padding-inline: 0;
        margin-block-start: 0.5rem;
        border-block-start: 1px dashed var(--neutral-250);
      }

      .m75eea1c8d .m515ee3345 {
        justify-content: flex-start;
        text-align: start;
        padding-block: 0.65rem;
        padding-inline: 0.85rem;
        background: var(--background-tertiary);
        border: 1px solid var(--neutral-150);
      }

      @media (max-width: 991.98px) {
        .mf787df6e1 {
          grid-template-columns: minmax(0, 1fr);
          align-items: stretch;
        }

        .m89223d603 {
          grid-template-columns: minmax(0, 1fr);
          justify-items: stretch;
          text-align: start;
        }

        .m515ee3345 {
          justify-content: flex-start;
          text-align: start;
        }

        .nav-link.m2b34ca414 {
          text-align: start;
          inline-size: 100%;
          border-radius: 0.5rem;
        }

        .nav-link.m2b34ca414::after {
          display: none;
        }
      }

      @media (max-width: 991.98px) {
        .m03caab23f {
          display: none;
        }

        .m75eea1c8d {
          display: flex;
        }
      }
    }

    @keyframes hdrlift_qw8zxp3nm4k2j {
      from {
        opacity: 0;
        translate: 0 -0.75rem;
      }
      to {
        opacity: 1;
        translate: 0 0;
      }
    }

    #ui0dcf490ff .mc75dcf93b {
      animation: hdrlift_qw8zxp3nm4k2j 0.55s ease-out;
    }

    #ui0dcf490ff .navbar {
      animation: hdrlift_qw8zxp3nm4k2j 0.65s ease-out;
    }

#ui58e3c6e63 {
      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;
      }

      .ma4926b0b1 {
          display: grid;
          gap: 2rem;
      }

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

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

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

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

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

          &.m1fde187ba {
              background: var(--primary);
              color: var(--white);

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

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

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

      .m74b8f08d4 {
          display: grid;
          gap: 1rem;
      }

      .mb8424a729 {
          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;
      }

      .mb0657ac51 {
          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;
      }

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

      .m67e46b8db {
          color: var(--neutral-250);
          line-height: 1.7;
      }

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