@keyframes menulinkshine_xk9m2p7qn4rw8 {
        0% {
          opacity: 0.35;
          transform: translateX(-30%) scaleX(0.6);
        }
        100% {
          opacity: 0.85;
          transform: translateX(0) scaleX(1);
        }
      }

      #v8a8shf9h8u {
        position: relative;
        z-index: 1040;

        .q694irz2q40 {
          height: 4px;
          width: 100%;
          background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 45%, var(--secondary) 100%);
        }

        .navbar {
          background: var(--background-tertiary) !important;
          padding-block: 0.85rem;
          padding-inline: 0;
          border-bottom: 1px solid var(--border-light);
          box-shadow: 0 12px 40px rgba(var(--bs-dark-rgb), 0.06);
        }

        .navbar .container {
          position: relative;
        }

        .qj7xyw9ube6 {
          display: flex;
          align-items: center;
          gap: 0.75rem;
          min-width: 0;
        }

        .qiv7dvczl9a {
          flex-shrink: 0;
          width: 2.75rem;
          height: 2.75rem;
          border-radius: 0.85rem;
          background: linear-gradient(145deg, var(--primary-light) 0%, var(--accent) 55%, var(--secondary-light) 100%);
          box-shadow: 0 8px 22px rgba(var(--bs-primary-rgb), 0.25);
          position: relative;
          overflow: hidden;
        }

        .qiv7dvczl9a::after {
          content: '';
          position: absolute;
          inset: 22%;
          border-radius: 0.45rem;
          border: 2px solid rgba(var(--bs-primary-rgb), 0.2);
          background: linear-gradient(180deg, var(--white) 0%, var(--neutral-50) 100%);
          opacity: 0.95;
        }

        .navbar-brand {
          white-space: normal;
          color: var(--text-primary) !important;
          font-size: 1.35rem;
          font-weight: 800;
          letter-spacing: 0.02em;
          line-height: 1.15;
          transition: color 0.25s ease;
        }

        .navbar-brand:hover {
          color: var(--primary) !important;
        }

        .navbar-brand small {
          display: block;
          font-size: 0.72rem;
          font-weight: 600;
          color: var(--text-tertiary);
          letter-spacing: 0.04em;
          text-transform: uppercase;
          margin-top: 0.15rem;
        }

        .qespzsdn1i4 {
          display: inline-flex;
          align-items: center;
          padding: 0.35rem;
          border-radius: 999px;
          background: linear-gradient(135deg, var(--neutral-50) 0%, var(--white) 55%, var(--neutral-50) 100%);
          border: 1px solid var(--border-medium);
          box-shadow: inset 0 1px 0 var(--white);
        }

        .navbar-toggler {
          color: var(--primary) !important;
          border: 1px solid var(--border-medium) !important;
          padding-block: 0.55rem;
          padding-inline: 0.65rem;
          border-radius: 999px;
          background: linear-gradient(180deg, var(--white) 0%, var(--neutral-50) 100%);
          box-shadow: 0 6px 18px rgba(var(--bs-dark-rgb), 0.08);
          transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
          z-index: 1051;
        }

        .navbar-toggler:hover {
          border-color: var(--primary-light) !important;
          box-shadow: 0 10px 26px rgba(var(--bs-primary-rgb), 0.2);
        }

        .navbar-toggler:focus-visible {
          outline: 2px solid var(--accent);
          outline-offset: 2px;
        }

        .navbar-nav {
          gap: 0.15rem;
        }

        .nav-link {
          color: var(--text-secondary) !important;
          font-weight: 600;
          font-size: 0.95rem;
          padding-block: 0.55rem;
          padding-inline: 1.1rem;
          border-radius: 999px;
          position: relative;
          overflow: hidden;
          transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
        }

        .nav-link::before {
          content: '';
          position: absolute;
          inset-inline-start: 12%;
          inset-inline-end: 12%;
          bottom: 0.35rem;
          height: 2px;
          border-radius: 2px;
          background: linear-gradient(90deg, var(--accent) 0%, var(--primary) 100%);
          opacity: 0;
          transform: scaleX(0.4);
          transition: opacity 0.2s ease, transform 0.25s ease;
        }

        .nav-link:hover {
          color: var(--primary-dark) !important;
          background: linear-gradient(180deg, var(--white) 0%, var(--primary-bg) 100%);
          box-shadow: 0 6px 16px rgba(var(--bs-primary-rgb), 0.12);
        }

        .nav-link:hover::before {
          opacity: 1;
          transform: scaleX(1);
        }

        .nav-link::after {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(circle at 20% 20%, var(--accent-bg) 0%, transparent 55%);
          opacity: 0;
          pointer-events: none;
          animation: menulinkshine_xk9m2p7qn4rw8 0.55s ease-out forwards;
          animation-play-state: paused;
        }

        .nav-link:hover::after {
          animation-play-state: running;
        }

        @media (min-width: 992px) {
          .navbar-brand {
            font-size: 1.5rem;
          }
        }

        @media (max-width: 991.98px) {
          .qespzsdn1i4 {
            display: block;
            width: 100%;
            padding: 0;
            border: none;
            border-radius: 0;
            background: transparent;
            box-shadow: none;
          }

          .navbar-collapse {
            position: fixed;
            top: 0;
            inset-inline-end: 0;
            width: min(88vw, 340px);
            height: 100vh !important;
            max-height: none !important;
            margin: 0 !important;
            padding: 0 !important;
            display: block !important;
            visibility: hidden;
            pointer-events: none;
            transform: translate3d(100%, 0, 0);
            transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.38s linear;
            z-index: 1055;
            background: linear-gradient(165deg, var(--white) 0%, var(--neutral-50) 42%, var(--accent-bg) 120%);
            border-inline-start: 1px solid var(--border-medium);
            box-shadow: -16px 0 48px rgba(var(--bs-dark-rgb), 0.18);
            overflow-y: auto;
            overflow-x: hidden;
          }

          .navbar-collapse.collapsing {
            height: 100vh !important;
            visibility: visible;
            pointer-events: none;
            transition: transform 0.38s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.38s linear;
            overflow: hidden;
          }

          .navbar-collapse.show {
            visibility: visible;
            pointer-events: auto;
            transform: translate3d(0, 0, 0);
          }

          .navbar-collapse .q71dc7ri82p {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding-block: 1.25rem 1rem;
            padding-inline: 1.35rem;
            border-bottom: 1px solid var(--border-light);
            background: linear-gradient(90deg, rgba(var(--bs-primary-rgb), 0.08) 0%, transparent 100%);
          }

          .navbar-collapse .qtuwwaobov3 {
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--text-tertiary);
            margin: 0;
          }

          .navbar-collapse .q7lx52wk7pi {
            flex-shrink: 0;
            width: 2.5rem;
            height: 2.5rem;
            border-radius: 999px;
            border: 1px solid var(--border-medium);
            background: var(--white);
            color: var(--primary);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 0;
            transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
          }

          .navbar-collapse .q7lx52wk7pi:hover {
            background: var(--primary);
            border-color: var(--primary);
            color: var(--white);
          }

          .navbar-collapse .navbar-nav {
            flex-direction: column;
            align-items: stretch;
            gap: 0.35rem;
            padding-block: 1.25rem 2rem;
            padding-inline: 1.1rem 1.35rem;
          }

          .navbar-collapse .nav-link {
            border-radius: 0.85rem;
            padding-block: 0.85rem;
            padding-inline: 1rem;
            background: var(--white);
            border: 1px solid var(--border-light);
            box-shadow: 0 4px 14px rgba(var(--bs-dark-rgb), 0.05);
          }

          .navbar-collapse .nav-link::before {
            display: none;
          }

          .navbar-collapse .nav-link:hover {
            border-color: var(--primary-light);
            background: linear-gradient(135deg, var(--white) 0%, var(--primary-bg) 100%);
          }

          .navbar-collapse .nav-link::after {
            display: none;
          }
        }
      }

@keyframes priceFloat_k8m3n9p2q5 {
        0%,
        100% {
          transform: translateY(0);
        }
        50% {
          transform: translateY(-10px);
        }
      }

      @keyframes priceGlow_x7w9v4t8r3 {
        0%,
        100% {
          box-shadow: 0 0 20px rgba(92, 161, 232, 0.3);
        }
        50% {
          box-shadow: 0 0 40px rgba(92, 161, 232, 0.6);
        }
      }

      @keyframes pricePulse_j4h6k2m1n9 {
        0% {
          transform: scale(1);
        }
        50% {
          transform: scale(1.05);
        }
        100% {
          transform: scale(1);
        }
      }

      #v2o3bjk56u8 {
        padding-block: 120px;
padding-inline: 0;
        background: radial-gradient(ellipse at top, var(--neutral-50), var(--background-tertiary));
        position: relative;
        overflow: hidden;

        &::before {
          content: '';
          position: absolute;
          top: -50%;
          inset-inline-start: -50%;
          width: 200%;
          height: 200%;
          background: radial-gradient(circle, rgba(92, 161, 232, 0.05) 1px, transparent 1px);
          background-size: 50px 50px;
          animation: priceFloat_k8m3n9p2q5 20s ease-in-out infinite;
        }

        &::after {
          content: '';
          position: absolute;
          bottom: 0;
          inset-inline-end: 0;
          width: 400px;
          height: 400px;
          background: radial-gradient(circle, rgba(176, 74, 150, 0.08), transparent 70%);
          border-radius: 50%;
        }

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

        .qnrtumc2772 {
          margin-bottom: 70px;
          text-align: center;

          .q6smwgzrbue {
            display: inline-block;
            padding-block: 8px;
padding-inline: 20px;
            background: linear-gradient(90deg, var(--primary-light), var(--accent-light));
            color: var(--white);
            border-radius: 30px;
            font-size: 0.85rem;
            font-weight: 600;
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1px;
            box-shadow: 0 4px 15px rgba(92, 161, 232, 0.3);
          }

          h2 {
            font-size: 3.2rem;
            font-weight: 900;
            color: var(--text-primary);
            margin-bottom: 25px;
            position: relative;
            display: inline-block;

            &::after {
              content: '';
              position: absolute;
              bottom: -10px;
              inset-inline-start: 50%;
              transform: translateX(-50%);
              width: 100px;
              height: 4px;
              background: linear-gradient(90deg, var(--primary), var(--accent));
              border-radius: 2px;
            }
          }

          .lead {
            font-size: 1.2rem;
            color: var(--text-secondary);
            max-width: 700px;
            margin: 30px auto 0;
            line-height: 1.8;
          }
        }

        .qsc6pllargi {
          display: flex;
          gap: 35px;
          align-items: center;
          justify-content: center;
          flex-wrap: wrap;

          @media (min-width: 992px) {
            flex-wrap: nowrap;
          }
        }

        .qy016wuqim3 {
          background: var(--white);
          border-radius: 24px;
          padding: 0;
          position: relative;
          transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
          overflow: hidden;
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
          flex: 1;
          min-width: 300px;
          max-width: 380px;

          &::before {
            content: '';
            position: absolute;
            top: 0;
            inset-inline-start: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(92, 161, 232, 0.05), transparent);
            transition: left 0.6s ease;
          }

          &:hover::before {
            inset-inline-start: 100%;
          }

          &:hover {
            transform: translateY(-12px);
            box-shadow: 0 20px 60px rgba(92, 161, 232, 0.2);
          }

          &.qcbw9qp12x6 {
            max-width: 400px;
            border: 3px solid var(--primary);
            background: linear-gradient(180deg, rgba(92, 161, 232, 0.03), var(--white));
            animation: priceGlow_x7w9v4t8r3 3s ease-in-out infinite;

            .q4bj9xcd0j1 {
              background: linear-gradient(135deg, var(--primary-light), var(--accent-light));
            }

            .qq5ln2mgsdy {
              position: absolute;
              top: 20px;
              inset-inline-end: 20px;
              background: var(--secondary);
              color: var(--text-primary);
              padding-block: 6px;
padding-inline: 14px;
              border-radius: 20px;
              font-size: 0.75rem;
              font-weight: 700;
              text-transform: uppercase;
              letter-spacing: 0.5px;
              box-shadow: 0 4px 12px rgba(234, 199, 0, 0.4);
              animation: pricePulse_j4h6k2m1n9 2s ease-in-out infinite;
            }

            &:hover {
              transform: translateY(-15px) scale(1.03);
            }
          }

          .q4bj9xcd0j1 {
            background: linear-gradient(135deg, var(--neutral-150), var(--neutral-250));
            padding-block: 40px 30px;
padding-inline: 30px;
            text-align: center;
            position: relative;
          }

          .card-header {
            h3 {
              font-size: 1.75rem;
              font-weight: 800;
              color: var(--text-primary);
              margin-bottom: 12px;
              text-transform: uppercase;
              letter-spacing: 1px;
            }

            .qhaem5hfiwq {
              color: var(--text-secondary);
              font-size: 0.95rem;
              line-height: 1.6;
            }
          }

          .q89527nhe8y {
            text-align: center;
            padding-block: 30px 20px;
padding-inline: 30px;
            background: var(--white);
            position: relative;

            .qcqe2ycugsr {
              font-size: 4rem;
              font-weight: 900;
              color: var(--primary-dark);
              transition: all 0.4s ease;
              display: flex;
              align-items: flex-start;
              justify-content: center;
              gap: 8px;
              line-height: 1;

              .qdl9h7o1rc0 {
                font-size: 1.8rem;
                font-weight: 700;
                color: var(--text-tertiary);
                margin-top: 8px;
              }
            }

            .qlylpwe20qm {
              font-size: 0.9rem;
              color: var(--text-tertiary);
              margin-top: 15px;
              font-weight: 500;
            }
          }

          .qtbjaqvn0n0 {
            padding-block: 20px 30px;
padding-inline: 30px;
            background: var(--white);

            .q8r0uzxj8vx {
              list-style: none;
              padding: 0;
              margin: 0;

              li {
                display: flex;
                align-items: flex-start;
                padding-block: 14px;
padding-inline: 0;
                border-bottom: 1px dashed var(--neutral-250);
                transition: all 0.3s ease;
                gap: 12px;

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

                &:hover {
                  padding-inline-start:10px;

                  .qieu7ysnbhy {
                    transform: scale(1.2) rotate(360deg);
                  }
                }

                .qieu7ysnbhy {
                  width: 24px;
                  height: 24px;
                  background: linear-gradient(135deg, var(--success-color), var(--success-dark));
                  border-radius: 8px;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  flex-shrink: 0;
                  transition: all 0.4s ease;
                  box-shadow: 0 2px 8px rgba(165, 205, 168, 0.3);

                  i {
                    color: var(--white);
                    font-size: 0.85rem;
                    font-weight: 700;
                  }
                }

                .q7jzcafpchb {
                  color: var(--text-primary);
                  font-weight: 500;
                  flex: 1;
                  font-size: 0.95rem;
                  line-height: 1.5;
                }
              }
            }
          }

          .card-footer {
            padding-block: 0 40px;
padding-inline: 30px;
            background: var(--white);

            .q1j11hwwass {
              width: 100%;
              padding-block: 18px;
padding-inline: 28px;
              border-radius: 50px;
              font-weight: 700;
              font-size: 1.05rem;
              transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
              position: relative;
              overflow: hidden;
              text-transform: uppercase;
              letter-spacing: 0.5px;

              &::after {
                content: '';
                position: absolute;
                top: 50%;
                inset-inline-start: 50%;
                width: 0;
                height: 0;
                background: rgba(255, 255, 255, 0.3);
                border-radius: 50%;
                transform: translate(-50%, -50%);
                transition: width 0.6s ease, height 0.6s ease;
              }

              &:hover::after {
                width: 300px;
                height: 300px;
              }

              &.btn-primary {
                background: linear-gradient(135deg, var(--primary), var(--primary-dark));
                border: none;
                box-shadow: 0 6px 20px rgba(92, 161, 232, 0.4);
                color: var(--white);

                &:hover {
                  transform: translateY(-3px);
                  box-shadow: 0 12px 35px rgba(92, 161, 232, 0.5);
                }
              }

              &.btn-outline-primary {
                border: 3px solid var(--primary);
                color: var(--primary);
                background: transparent;

                &:hover {
                  background: var(--primary);
                  color: var(--white);
                  transform: translateY(-3px);
                  box-shadow: 0 10px 30px rgba(92, 161, 232, 0.3);
                }
              }
            }
          }
        }

        @media (max-width: 991px) {
          .qsc6pllargi {
            flex-direction: column;
            align-items: center;
          }

          .qy016wuqim3 {
            max-width: 400px;
            width: 100%;

            &.qcbw9qp12x6 {
              max-width: 420px;
            }
          }
        }

        @media (max-width: 576px) {
          padding-block: 80px;
padding-inline: 0;

          .qnrtumc2772 {
            margin-bottom: 50px;

            h2 {
              font-size: 2.5rem;
            }

            .lead {
              font-size: 1.05rem;
            }
          }

          .qy016wuqim3 {
            min-width: 280px;

            .q89527nhe8y .qcqe2ycugsr {
              font-size: 3rem;
            }

            .card-footer .q1j11hwwass {
              padding-block: 15px;
padding-inline: 24px;
              font-size: 0.95rem;
            }
          }
        }
      }
