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

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

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

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

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

        .q1oaxdjcin3::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;
        }

        .qleae39i0z2 {
          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) {
          .qleae39i0z2 {
            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 .qi1q52aiaby {
            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 .q3lkfze8apk {
            font-size: 0.72rem;
            font-weight: 700;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            color: var(--text-tertiary);
            margin: 0;
          }

          .navbar-collapse .qgxtzyld5k2 {
            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 .qgxtzyld5k2: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 slashwipe_m4k8n2p7qxw9 {
  0% {
    opacity: 0;
    transform: translateX(-40px) skewX(-12deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) skewX(-12deg);
  }
}

@keyframes slashwipe_rtl_m4k8n2p7qxw9 {
  0% {
    opacity: 0;
    transform: translateX(40px) skewX(12deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) skewX(12deg);
  }
}

@keyframes panelrise_h3v6c1r9t2bw {
  0% {
    opacity: 0;
    transform: translateY(36px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes markspin_j5q8z4d1m6nf {
  0% {
    opacity: 0;
    transform: rotate(-18deg) scale(0.4);
  }
  70% {
    transform: rotate(8deg) scale(1.08);
  }
  100% {
    opacity: 1;
    transform: rotate(-8deg) scale(1);
  }
}

@keyframes markspin_rtl_j5q8z4d1m6nf {
  0% {
    opacity: 0;
    transform: rotate(18deg) scale(0.4);
  }
  70% {
    transform: rotate(-8deg) scale(1.08);
  }
  100% {
    opacity: 1;
    transform: rotate(8deg) scale(1);
  }
}

@keyframes stripepulse_w2e9u5a7k3lp {
  0%,
  100% {
    transform: scaleY(1);
  }
  50% {
    transform: scaleY(1.08);
  }
}

#v40twi9ezjq {
  width: 100%;
  min-height: 100vh;
  display: grid;
  place-items: stretch;
  position: relative;
  overflow: hidden;
  background: linear-gradient(
    145deg,
    var(--neutral-1050) 0%,
    var(--primary-dark) 42%,
    var(--accent-dark) 72%,
    var(--warning-dark) 100%
  );
}

#v40twi9ezjq.active {
  opacity: 1;
  visibility: visible;
}

#v40twi9ezjq .qjw1sfbcxvj {
  position: absolute;
  inset-block-start: -10%;
  inset-inline-end: -8%;
  width: min(58vw, 720px);
  height: 140%;
  background: linear-gradient(
    160deg,
    var(--warning-color) 0%,
    var(--danger-color) 48%,
    var(--info-color) 100%
  );
  transform: skewX(-12deg);
  opacity: 0.92;
  pointer-events: none;
}

#v40twi9ezjq.active .qjw1sfbcxvj {
  animation: slashwipe_m4k8n2p7qxw9 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

#v40twi9ezjq .ql6vvjfdgnd {
  position: absolute;
  inset-block-end: 12%;
  inset-inline-start: -5%;
  width: 42%;
  height: 14px;
  background: linear-gradient(90deg, var(--info-color) 0%, var(--warning-color) 100%);
  transform: skewX(-18deg);
  pointer-events: none;
  opacity: 0.85;
}

#v40twi9ezjq .qgjntwvn7ip {
  position: absolute;
  inset-block-start: 18%;
  inset-inline-start: 8%;
  width: 18%;
  height: 8px;
  background: var(--danger-light);
  transform: skewX(-18deg);
  pointer-events: none;
  opacity: 0.7;
}

#v40twi9ezjq .qo17shvbc7s {
  position: relative;
  z-index: 2;
  width: min(1120px, 100%);
  margin-inline: auto;
  margin-block: 0;
  padding-block: clamp(2.5rem, 6vw, 5rem);
  padding-inline: clamp(1.25rem, 4vw, 2.5rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: clamp(1.5rem, 4vw, 3.5rem);
  align-items: center;
  min-height: 100vh;
}

#v40twi9ezjq.active .qo17shvbc7s {
  animation: panelrise_h3v6c1r9t2bw 0.65s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both;
}

#v40twi9ezjq .qqhqxmdyrgy {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  justify-items: start;
}

#v40twi9ezjq .q19d9dziul2 {
  width: clamp(7.5rem, 18vw, 11rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  background: linear-gradient(135deg, var(--info-color) 0%, var(--warning-color) 55%, var(--danger-color) 100%);
  color: var(--neutral-1050);
  font-size: clamp(2.75rem, 7vw, 4.25rem);
  line-height: 1;
  box-shadow: 0 18px 0 var(--neutral-1050);
  transform: rotate(-8deg);
}

#v40twi9ezjq.active .q19d9dziul2 {
  animation: markspin_j5q8z4d1m6nf 0.75s cubic-bezier(0.34, 1.4, 0.64, 1) 0.2s both;
}

#v40twi9ezjq .qbgkt37qr7l {
  margin: 0;
  max-width: 16rem;
  color: var(--text-light);
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 1.4;
  border-inline-start: 4px solid var(--info-color);
  padding-inline-start: 0.9rem;
}

#v40twi9ezjq .q9iemec1rvj {
  background: var(--white);
  color: var(--text-primary);
  padding-block: clamp(2rem, 5vw, 3.25rem);
  padding-inline: clamp(1.5rem, 4vw, 2.75rem);
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.35rem;
  position: relative;
  box-shadow: 18px 18px 0 var(--info-dark);
  overflow: hidden;
}

#v40twi9ezjq .q9iemec1rvj::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 8px;
  background: linear-gradient(
    90deg,
    var(--warning-color) 0%,
    var(--danger-color) 40%,
    var(--info-color) 100%
  );
  transform-origin: top center;
  animation: stripepulse_w2e9u5a7k3lp 2.4s ease-in-out infinite;
}

#v40twi9ezjq .qgobr8letns {
  margin: 0;
  display: inline-block;
  width: fit-content;
  color: var(--warning-dark);
  background: var(--warning-bg);
  font-size: 0.8rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding-block: 0.45rem;
  padding-inline: 0.75rem;
  white-space: normal;
}

#v40twi9ezjq .q89kshww7b3 {
  margin: 0;
  font-size: clamp(2.1rem, 5vw, 3.4rem);
  font-weight: 900;
  line-height: 1.05;
  letter-spacing: -0.03em;
  color: var(--neutral-1050);
  text-align: start;
  border-inline-start: 6px solid var(--warning-color);
  padding-inline-start: 0.85rem;
}

#v40twi9ezjq .qk1bs7zcsgb {
  margin: 0;
  max-width: 36rem;
  color: var(--text-secondary);
  font-size: 1.08rem;
  line-height: 1.7;
  text-align: start;
}

#v40twi9ezjq .q9mqxpf05ax {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
  margin-block-start: 0.35rem;
}

#v40twi9ezjq .qptebefxbz5 {
  border-block-start: 3px solid var(--primary);
  padding-block: 0.75rem 0.25rem;
  padding-inline: 0;
  text-align: start;
}

#v40twi9ezjq .qptebefxbz5:nth-child(2) {
  border-block-start-color: var(--warning-color);
}

#v40twi9ezjq .qptebefxbz5:nth-child(3) {
  border-block-start-color: var(--danger-color);
}

#v40twi9ezjq .qmpflz01cvl {
  display: block;
  margin: 0;
  color: var(--primary-dark);
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#v40twi9ezjq .qiup21pglst {
  display: block;
  margin: 0.35rem 0 0;
  color: var(--text-primary);
  font-size: 0.98rem;
  font-weight: 700;
  line-height: 1.3;
}

#v40twi9ezjq .q4ekg3c6bg8 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  margin-block-start: 0.5rem;
  padding-block: 0.9rem;
  padding-inline: 1.4rem;
  background: linear-gradient(90deg, var(--warning-color) 0%, var(--danger-color) 100%);
  color: var(--text-light);
  font-weight: 800;
  font-size: 0.95rem;
  letter-spacing: 0.04em;
  text-decoration: none;
  text-transform: uppercase;
  border: 0;
  box-shadow: 6px 6px 0 var(--neutral-1050);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#v40twi9ezjq .q4ekg3c6bg8:hover {
  transform: translateY(-2px);
  box-shadow: 8px 8px 0 var(--neutral-1050);
  color: var(--text-light);
}

#v40twi9ezjq .q4ekg3c6bg8:focus-visible {
  outline: 3px solid var(--info-color);
  outline-offset: 3px;
}

[dir="rtl"] #v40twi9ezjq .qjw1sfbcxvj {
  transform: skewX(12deg);
}

[dir="rtl"] #v40twi9ezjq .ql6vvjfdgnd,
[dir="rtl"] #v40twi9ezjq .qgjntwvn7ip {
  transform: skewX(18deg);
}

[dir="rtl"] #v40twi9ezjq.active .qjw1sfbcxvj {
  animation: slashwipe_rtl_m4k8n2p7qxw9 0.7s cubic-bezier(0.22, 1, 0.36, 1) both;
}

[dir="rtl"] #v40twi9ezjq .q19d9dziul2 {
  transform: rotate(8deg);
}

[dir="rtl"] #v40twi9ezjq.active .q19d9dziul2 {
  animation: markspin_rtl_j5q8z4d1m6nf 0.75s cubic-bezier(0.34, 1.4, 0.64, 1) 0.2s both;
}

[dir="rtl"] #v40twi9ezjq .q9iemec1rvj {
  box-shadow: -18px 18px 0 var(--info-dark);
}

@media (max-width: 991.98px) {
  #v40twi9ezjq .qo17shvbc7s {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
    padding-block: 2.5rem;
  }

  #v40twi9ezjq .qjw1sfbcxvj {
    width: 90%;
    height: 55%;
    inset-block-start: auto;
    inset-block-end: -15%;
    inset-inline-end: -20%;
  }

  #v40twi9ezjq .q9iemec1rvj {
    box-shadow: 12px 12px 0 var(--info-dark);
  }

  [dir="rtl"] #v40twi9ezjq .q9iemec1rvj {
    box-shadow: -12px 12px 0 var(--info-dark);
  }
}

@media (max-width: 575.98px) {
  #v40twi9ezjq .q9mqxpf05ax {
    grid-template-columns: minmax(0, 1fr);
  }

  #v40twi9ezjq .q19d9dziul2 {
    width: 6.5rem;
  }

  #v40twi9ezjq .q9iemec1rvj {
    box-shadow: 8px 8px 0 var(--info-dark);
  }

  [dir="rtl"] #v40twi9ezjq .q9iemec1rvj {
    box-shadow: -8px 8px 0 var(--info-dark);
  }
}