#mda470e4 {
        position: relative;
        padding-block: 1.25rem;
        background-color: var(--accent-bg);
        background-image: radial-gradient(circle at 0.75rem 0.75rem, var(--danger-bg) 0.18rem, transparent 0.19rem), radial-gradient(circle at 0.75rem 0.75rem, var(--warning-bg) 0.18rem, transparent 0.19rem),
          linear-gradient(135deg, var(--primary-bg) 0%, var(--accent-bg) 45%, var(--secondary-bg) 100%);
        background-size: 1.5rem 1.5rem, 1.5rem 1.5rem, 100% 100%;
        background-position: 0 0, 0.75rem 0.75rem, 0 0;
        border-block-end: 0.35rem solid var(--neutral-1050);
        overflow: hidden;

        &::before {
          content: '';
          position: absolute;
          inset-block-start: 0;
          inset-inline: 0;
          block-size: 0.35rem;
          background: linear-gradient(90deg, var(--danger-bg) 0%, var(--warning-bg) 20%, var(--primary-bg) 40%, var(--secondary-bg) 60%, var(--accent-bg) 80%, var(--info-bg) 100%);
          pointer-events: none;
        }

        &::after {
          content: '';
          position: absolute;
          inset-block-end: -3.5rem;
          inset-inline-end: -3.5rem;
          inline-size: 9rem;
          block-size: 9rem;
          border-radius: 50%;
          background: radial-gradient(circle, var(--warning-bg) 0%, var(--warning-bg) 35%, transparent 36%);
          opacity: 0.55;
          pointer-events: none;
        }

        .container {
          position: relative;
          z-index: 1;
        }

        .v763199b {
          width: 100%;
          display: grid;
          grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
          align-items: center;
          gap: 1rem;
          padding-block: 1rem;
          padding-inline: 1.25rem;
          background: var(--background-tertiary);
          border: 0.25rem solid var(--neutral-1050);
          box-shadow: 0.5rem 0.5rem 0 var(--neutral-1050);
        }

        .v0f8d9fb {
          justify-self: start;
          display: inline-flex;
          align-items: center;
          max-inline-size: 100%;
          margin: 0;
          padding-block: 0.65rem;
          padding-inline: 1.15rem;
          font-size: 1.5rem;
          font-weight: 800;
          letter-spacing: 0.04em;
          text-transform: uppercase;
          text-decoration: none;
          color: var(--text-light);
          white-space: normal;
          background: linear-gradient(135deg, var(--danger-color), var(--danger-dark));
          border: 0.2rem solid var(--neutral-1050);
          box-shadow: 0.35rem 0.35rem 0 var(--neutral-1050);
          transform: rotate(-2deg);
          transition: transform 0.25s ease, box-shadow 0.25s ease;

          &:hover {
            color: var(--text-light);
            transform: rotate(0deg) translateY(-0.15rem);
            box-shadow: 0.45rem 0.45rem 0 var(--neutral-1050);
          }

          &:focus-visible {
            outline: 0.2rem solid var(--accent);
            outline-offset: 0.15rem;
          }
        }

        .va334620 {
          justify-self: end;
          display: inline-flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          gap: 0.3rem;
          inline-size: 3rem;
          block-size: 3rem;
          padding: 0;
          border: 0.2rem solid var(--neutral-1050);
          border-radius: 0;
          background: var(--warning-bg);
          box-shadow: 0.3rem 0.3rem 0 var(--neutral-1050);
          transition: transform 0.25s ease, background 0.25s ease;

          &:hover {
            background: var(--warning-light);
            transform: translateY(-0.1rem);
          }

          &:focus {
            box-shadow: 0.3rem 0.3rem 0 var(--neutral-1050), 0 0 0 0.2rem var(--accent-light);
          }
        }

        .v270cd9c {
          display: block;
          inline-size: 1.35rem;
          block-size: 0.2rem;
          background: var(--neutral-1050);
          border-radius: 0;
        }

        .navbar-collapse {
          grid-column: 1 / -1;
        }

        .v52ce3df {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          gap: 0.65rem;
          margin: 0;
          padding: 0;
          list-style: none;

          .vcb60e2a {
            flex: 0 1 auto;
          }

          .nav-link {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-block-size: 2.75rem;
            padding-block: 0.55rem;
            padding-inline: 1rem;
            font-weight: 700;
            text-align: center;
            text-decoration: none;
            color: var(--neutral-1050);
            white-space: normal;
            background: var(--background-tertiary);
            border: 0.18rem solid var(--neutral-1050);
            border-radius: 0;
            box-shadow: 0.28rem 0.28rem 0 var(--neutral-1050);
            transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.2s ease, background 0.2s ease;

            &:hover {
              color: var(--text-light);
              transform: translate(calc(-0.12rem * var(--pop-dir, 1)), -0.12rem);
              box-shadow: 0.4rem 0.4rem 0 var(--neutral-1050);
            }

            &:focus-visible {
              outline: 0.15rem solid var(--accent);
              outline-offset: 0.1rem;
            }

            &.active {
              color: var(--text-light);
              font-weight: 800;
              box-shadow: 0.4rem 0.4rem 0 var(--neutral-1050);
              animation: popartpulse_m8k3x7n2q9w4 2.4s ease-in-out infinite;
            }
          }

          .vcb60e2a:nth-child(1) .nav-link {
            --pop-dir: 1;
            --pop-rotate: -1.5deg;
            transform: rotate(-1.5deg);

            &:hover,
            &.active {
              background: var(--danger-color);
            }
          }

          .vcb60e2a:nth-child(2) .nav-link {
            --pop-dir: -1;
            --pop-rotate: 1deg;
            transform: rotate(1deg);

            &:hover,
            &.active {
              background: var(--warning-color);
            }
          }

          .vcb60e2a:nth-child(3) .nav-link {
            --pop-dir: 1;
            --pop-rotate: -0.5deg;
            transform: rotate(-0.5deg);

            &:hover,
            &.active {
              background: var(--secondary);
            }
          }

          .vcb60e2a:nth-child(4) .nav-link {
            --pop-dir: -1;
            --pop-rotate: 1.25deg;
            transform: rotate(1.25deg);

            &:hover,
            &.active {
              background: var(--accent);
            }
          }

          .vcb60e2a:nth-child(5) .nav-link {
            --pop-dir: 1;
            --pop-rotate: -1deg;
            transform: rotate(-1deg);

            &:hover,
            &.active {
              background: var(--info-color);
            }
          }
        }
      }

      @keyframes popartpulse_m8k3x7n2q9w4 {
        0%,
        100% {
          transform: rotate(var(--pop-rotate, 0deg)) scale(1);
        }
        50% {
          transform: rotate(var(--pop-rotate, 0deg)) scale(1.03);
        }
      }

      @media (min-width: 992px) {
        #mda470e4 {
          .v763199b {
            grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
            padding-block: 1.15rem;
            padding-inline: 1.5rem;
          }

          .va334620 {
            display: none;
          }

          .navbar-collapse {
            grid-column: 2;
            grid-row: 1;
            display: block !important;
          }

          .v52ce3df {
            justify-content: end;
            gap: 0.55rem;
          }
        }
      }

      @media (max-width: 991.98px) {
        #mda470e4 {
          padding-block: 1rem;

          .v763199b {
            grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
            padding-block: 0.85rem;
            padding-inline: 1rem;
          }

          .v52ce3df {
            flex-direction: column;
            align-items: stretch;
            padding-block-start: 0.75rem;

            .vcb60e2a {
              inline-size: 100%;
            }

            .nav-link {
              inline-size: 100%;
              transform: none !important;

              &.active {
                animation: none;
              }
            }

            .vcb60e2a:nth-child(1) .nav-link:hover,
            .vcb60e2a:nth-child(1) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .vcb60e2a:nth-child(2) .nav-link:hover,
            .vcb60e2a:nth-child(2) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .vcb60e2a:nth-child(3) .nav-link:hover,
            .vcb60e2a:nth-child(3) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .vcb60e2a:nth-child(4) .nav-link:hover,
            .vcb60e2a:nth-child(4) .nav-link.active {
              transform: translateY(-0.1rem);
            }

            .vcb60e2a:nth-child(5) .nav-link:hover,
            .vcb60e2a:nth-child(5) .nav-link.active {
              transform: translateY(-0.1rem);
            }
          }
        }
      }

      @media (prefers-reduced-motion: reduce) {
        #mda470e4 {
          .v0f8d9fb,
          .va334620,
          .v52ce3df .nav-link {
            transition: none;
          }

          .v52ce3df .nav-link.active {
            animation: none;
          }
        }
      }

#m88ba697 {
  background: var(--secondary-bg);
  padding-block: 120px;
  position: relative;
  overflow: hidden;

  & .v53c2404 {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 880px;
    margin-inline: auto;
    padding: 70px 48px;
    border-radius: 40px;
    background: var(--background-tertiary);
    border: 3px solid var(--secondary-dark);
  }

  & .v53c2404::before,
  & .v53c2404::after {
    content: "";
    position: absolute;
    border-radius: 999px;
    background: var(--primary);
    opacity: 0.18;
  }

  & .v53c2404::before {
    width: 140px;
    height: 140px;
    top: -42px;
    inset-inline-start: -42px;
  }

  & .v53c2404::after {
    width: 110px;
    height: 110px;
    bottom: -34px;
    inset-inline-end: -34px;
    background: var(--accent);
  }

  & .v5487669 {
    color: var(--secondary-dark);
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 18px;
    display: block;
  }

  & .v6713b78 {
    color: var(--text-primary);
    font-size: 3.4rem;
    line-height: 1.05;
    font-weight: 900;
    margin-bottom: 24px;
  }

  & .v159f118 {
    color: var(--text-secondary);
    font-size: 1.2rem;
    line-height: 1.75;
    max-width: 680px;
    margin: 0 auto 38px;
  }

  & .veb6f670 {
    display: inline-flex;
    color: var(--text-light);
    background: var(--neutral-1050);
    padding: 18px 42px;
    border-radius: 0 22px 0 22px;
    text-decoration: none;
    font-weight: 900;
    transition: 0.3s ease;
  }

  & .veb6f670:hover {
    background: var(--primary-dark);
    border-radius: 22px 0 22px 0;
  }

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

    & .v53c2404 {
      padding: 44px 24px;
      border-radius: 28px;
    }

    & .v6713b78 {
      font-size: 2.3rem;
    }

    & .v159f118 {
      font-size: 1rem;
    }
  }
}