@keyframes navreveal_k7m2xq9p4nw {
        from {
          opacity: 0;
          transform: translateY(-8px);
        }
        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      #x-200d711057 {
        position: relative;
        z-index: 1000;

        .navbar {
          background: var(--background-tertiary) !important;
          padding-block: 0;
          padding-inline: 0;
          border-bottom: 1px solid var(--border-light);
          box-shadow: 0 12px 40px rgba(var(--bs-dark-rgb), 0.06);
          animation: navreveal_k7m2xq9p4nw 0.55s ease-out both;
        }

        .ui-66ee02e336 {
          display: flex;
          flex-wrap: wrap;
          align-items: center;
          justify-content: space-between;
          gap: 0.75rem;
          padding-block: 0.85rem;
          padding-inline: 0;
        }

        .ui-62abb289ae {
          height: 3px;
          width: 10%;
          background: linear-gradient(90deg, var(--primary) 0%, var(--accent) 52%, var(--secondary) 100%);
          border-radius: 0 0 4px 4px;
          opacity: 0.95;
        }

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

        .navbar-brand:hover {
          color: var(--primary-dark) !important;
          border-color: var(--border-medium);
          background: linear-gradient(135deg, var(--white) 0%, var(--background-primary) 100%);
          box-shadow: 0 6px 18px rgba(var(--bs-primary-rgb), 0.12);
        }

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

        .navbar-brand:hover img {
          transform: scale(1.04);
          border-color: var(--primary-light);
        }

        .ui-29a1689067 {
          display: flex;
          align-items: center;
          gap: 0.5rem;
        }

        .navbar-toggler {
          border: 1px solid var(--border-medium);
          border-radius: 12px;
          padding-block: 0.55rem;
          padding-inline: 0.65rem;
          background: linear-gradient(180deg, var(--white) 0%, var(--background-primary) 100%);
          color: var(--text-primary) !important;
          transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 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);
          box-shadow: 0 8px 22px rgba(var(--bs-primary-rgb), 0.14);
          transform: translateY(-1px);
        }

        .navbar-toggler-icon {
          width: 1.35rem;
          height: 1.35rem;
          background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23495057' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        }

        .navbar-collapse {
          flex-basis: 100%;
          flex-grow: 1;
        }

        .ui-ec00dbaa74 {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          width: 100%;
        }

        .navbar-nav {
          gap: 0.35rem;
          padding: 0;
          margin: 0;
        }

        .ui-0f3634ff43 {
          position: relative;
        }

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

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

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

        .nav-link:hover i {
          color: var(--primary-dark);
        }

        @media (min-width: 992px) {
          .ui-66ee02e336 {
            flex-wrap: nowrap;
            padding-block: 0.65rem;
          }

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

          .ui-ec00dbaa74 {
            width: auto;
            margin-inline-start: auto;
          }

          .navbar-nav {
            padding: 0.35rem;
            border-radius: 999px;
            border: 1px solid var(--border-light);
            background: linear-gradient(180deg, var(--white) 0%, var(--neutral-50) 100%);
            box-shadow: inset 0 1px 0 var(--white);
          }

          .ui-29a1689067 {
            display: none;
          }
        }

        @media (max-width: 991.98px) {
          .ui-66ee02e336 {
            row-gap: 0.5rem;
          }

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

          .navbar-collapse.collapsing {
            transition: height 0.32s ease;
          }

          .ui-ec00dbaa74 {
            justify-content: stretch;
          }

          .navbar-nav {
            width: 100%;
            flex-direction: column;
            align-items: stretch;
            gap: 0.4rem;
            padding: 1rem;
            border-radius: 16px;
            border: 1px solid var(--border-medium);
            background: linear-gradient(165deg, var(--white) 0%, var(--background-primary) 55%, var(--white) 100%);
            box-shadow: 0 16px 36px rgba(var(--bs-dark-rgb), 0.08);
          }

          .nav-link {
            width: 100%;
            justify-content: flex-start;
            border-radius: 12px;
            padding-block: 0.85rem;
            padding-inline: 1rem;
          }

          .nav-link i {
            min-width: 1.25rem;
            text-align: center;
          }
        }
      }