diff --git a/REGRESSION/resources/scenarios/ui/web/var/self/otp/scenario.xml b/REGRESSION/resources/scenarios/ui/web/var/self/otp/scenario.xml
new file mode 100644
index 00000000..fd86af02
--- /dev/null
+++ b/REGRESSION/resources/scenarios/ui/web/var/self/otp/scenario.xml
@@ -0,0 +1,69 @@
+<scenario xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+          xmlns="http://www.knubisoft.com/testlum/testing/model/scenario"
+          xsi:schemaLocation="http://www.knubisoft.com/testlum/testing/model/scenario scenario.xsd">
+
+    <overview>
+        <name>Var - OTP</name>
+        <description>
+            This scenario verifies OTP value generation and input usage.
+
+            Test flow:
+            1. Navigate to OTP test page.
+            2. Generate OTP value.
+            3. Input generated value.
+            4. Verify that input contains generated value.
+
+            This scenario validates:
+            - OTP generation
+            - variable injection into input
+            - correct value application
+        </description>
+    </overview>
+
+    <settings>
+        <tags>web</tags>
+    </settings>
+
+    <web comment="Start WEB script">
+
+        <navigate comment="Navigate to OTP Test page"
+                  command="to"
+                  path="/otp-test"/>
+
+        <wait comment="Wait for page load"
+              time="2"/>
+
+        <var comment="Generate OTP value"
+             name="otpValue">
+            <otp secretKey="JBSWY3DPEHPK3PXP"/>
+        </var>
+
+        <input comment="Input generated OTP"
+               locator="xpath=//input[@placeholder='6-digit code']"
+               value="{{otpValue}}"
+               highlight="true"/>
+
+        <assert comment="Verify input contains generated value">
+            <attribute comment="Check input value"
+                       name="value"
+                       locator="xpath=//input[@placeholder='6-digit code']">
+                <content>{{otpValue}}</content>
+            </attribute>
+        </assert>
+
+        <click comment="Click Verify button"
+               locator="xpath=//button[@type='submit']"/>
+
+        <wait comment="Wait for validation" time="1"/>
+
+        <assert comment="Verify success message is displayed">
+            <attribute comment="Check success message"
+                       name="text"
+                       locator="xpath=//span[@id='resultMessage']">
+                <content>Success!</content>
+            </attribute>
+        </assert>
+
+    </web>
+
+</scenario>
diff --git a/REGRESSION/resources/scenarios/variable/general/otp/scenario.xml b/REGRESSION/resources/scenarios/variable/general/otp/scenario.xml
new file mode 100644
index 00000000..f65b6355
--- /dev/null
+++ b/REGRESSION/resources/scenarios/variable/general/otp/scenario.xml
@@ -0,0 +1,43 @@
+<scenario xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+          xmlns="http://www.knubisoft.com/testlum/testing/model/scenario"
+          xsi:schemaLocation="http://www.knubisoft.com/testlum/testing/model/scenario scenario.xsd">
+
+    <overview>
+        <description>Test otp variable creation and usage</description>
+        <name>Variable(otp) Test</name>
+        <developer>Anatoliy</developer>
+    </overview>
+
+    <settings>
+        <tags>var</tags>
+    </settings>
+
+    <var comment="Create OTP variable" name="myOtp">
+        <otp secretKey="JBSWY3DPEHPK3PXP"/>
+    </var>
+
+    <condition comment="Check if OTP is 6 digits" name="otpCondition" spel="'{{myOtp}}'.length() == 6 and '{{myOtp}}'.matches('^[0-9]+$')"/>
+
+    <assert comment="Check if the condition for OTP is true">
+        <equal comment="Check if the condition for OTP is true">
+            <content>{{otpCondition}}</content>
+            <content>true</content>
+        </equal>
+    </assert>
+
+    <wait comment="Wait 31 seconds for the TOTP window to change" time="31"/>
+
+    <var comment="Create new OTP variable after time passed" name="myOtpNew">
+        <otp secretKey="JBSWY3DPEHPK3PXP"/>
+    </var>
+
+    <condition comment="Check if new OTP is different from the old one" name="otpChangedCondition" spel="'{{myOtp}}' != '{{myOtpNew}}'"/>
+
+    <assert comment="Check if the condition for OTP change is true">
+        <equal comment="Check if the condition for OTP change is true">
+            <content>{{otpChangedCondition}}</content>
+            <content>true</content>
+        </equal>
+    </assert>
+
+</scenario>
diff --git a/REGRESSION/schema/shared-restrictions.xsd b/REGRESSION/schema/shared-restrictions.xsd
index 472de7b9..131ad421 100644
--- a/REGRESSION/schema/shared-restrictions.xsd
+++ b/REGRESSION/schema/shared-restrictions.xsd
@@ -10,6 +10,12 @@
         </x:restriction>
     </x:simpleType>
 
+    <x:simpleType name="base32String">
+        <x:restriction base="x:string">
+            <x:pattern value="[a-zA-Z2-7=]+"/>
+        </x:restriction>
+    </x:simpleType>
+
     <x:simpleType name="nonEmptyString">
         <x:restriction base="x:string">
             <x:minLength value="1"/>
diff --git a/REGRESSION/schema/var.xsd b/REGRESSION/schema/var.xsd
index d9df738f..11c43a25 100644
--- a/REGRESSION/schema/var.xsd
+++ b/REGRESSION/schema/var.xsd
@@ -53,9 +53,14 @@
             <x:element name="sql" type="tns:fromSQL"/>
             <x:element name="generate" type="tns:fromRandomGenerate"/>
             <x:element name="date" type="tns:fromDate"/>
+            <x:element name="otp" type="tns:fromOtp"/>
         </x:choice>
     </x:group>
 
+    <x:complexType name="fromOtp">
+        <x:attribute name="secretKey" type="tns:base32String" use="required"/>
+    </x:complexType>
+
     <x:complexType name="fromFile">
         <x:attribute name="fileName" type="tns:nonEmptyString" use="required"/>
     </x:complexType>
diff --git a/TEST-UI/package-lock.json b/TEST-UI/package-lock.json
index 017ac0bd..cc8db8ff 100644
--- a/TEST-UI/package-lock.json
+++ b/TEST-UI/package-lock.json
@@ -14,6 +14,7 @@
         "@tailwindcss/aspect-ratio": "^0.4.0",
         "@tailwindcss/forms": "^0.4.0",
         "@tailwindcss/typography": "^0.5.2",
+        "otpauth": "^9.5.1",
         "vue": "^3.2.6",
         "vue-backtotop": "^1.6.1",
         "vue-router": "^4.2.2",
@@ -485,6 +486,18 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.14.tgz",
       "integrity": "sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw=="
     },
+    "node_modules/@noble/hashes": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-2.2.0.tgz",
+      "integrity": "sha512-IYqDGiTXab6FniAgnSdZwgWbomxpy9FtYvLKs7wCUs2a8RkITG+DFGO1DM9cr+E3/RgADRpFjrKVaJ1z6sjtEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
     "node_modules/@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -1547,6 +1560,18 @@
         "wrappy": "1"
       }
     },
+    "node_modules/otpauth": {
+      "version": "9.5.1",
+      "resolved": "https://registry.npmjs.org/otpauth/-/otpauth-9.5.1.tgz",
+      "integrity": "sha512-fJmDAHc8wImfqqqOXIlBvT1dEKrZK0Cmb2VEgScpNTolCz0PHh6ExUZGv4sLtOsWNaHCQlD+rRqaPgnoxFoZjQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/hashes": "2.2.0"
+      },
+      "funding": {
+        "url": "https://github.com/hectorm/otpauth?sponsor=1"
+      }
+    },
     "node_modules/path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
@@ -2463,6 +2488,11 @@
         }
       }
     },
+    "@noble/hashes": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-2.2.0.tgz",
+      "integrity": "sha512-IYqDGiTXab6FniAgnSdZwgWbomxpy9FtYvLKs7wCUs2a8RkITG+DFGO1DM9cr+E3/RgADRpFjrKVaJ1z6sjtEg=="
+    },
     "@nodelib/fs.scandir": {
       "version": "2.1.5",
       "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
@@ -3283,6 +3313,14 @@
         "wrappy": "1"
       }
     },
+    "otpauth": {
+      "version": "9.5.1",
+      "resolved": "https://registry.npmjs.org/otpauth/-/otpauth-9.5.1.tgz",
+      "integrity": "sha512-fJmDAHc8wImfqqqOXIlBvT1dEKrZK0Cmb2VEgScpNTolCz0PHh6ExUZGv4sLtOsWNaHCQlD+rRqaPgnoxFoZjQ==",
+      "requires": {
+        "@noble/hashes": "2.2.0"
+      }
+    },
     "path-is-absolute": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
diff --git a/TEST-UI/package.json b/TEST-UI/package.json
index 3dbc4d6e..b587660f 100644
--- a/TEST-UI/package.json
+++ b/TEST-UI/package.json
@@ -13,7 +13,7 @@
     "@tailwindcss/aspect-ratio": "^0.4.0",
     "@tailwindcss/forms": "^0.4.0",
     "@tailwindcss/typography": "^0.5.2",
-  
+    "otpauth": "^9.5.1",
     "vue": "^3.2.6",
     "vue-backtotop": "^1.6.1",
     "vue-router": "^4.2.2",
diff --git a/TEST-UI/src/router.ts b/TEST-UI/src/router.ts
index c7d1bee2..6c6e2bb4 100644
--- a/TEST-UI/src/router.ts
+++ b/TEST-UI/src/router.ts
@@ -9,6 +9,7 @@ import Modal from './views/Modal.vue';
 import Card from './views/Card.vue';
 import Blank from './views/Blank.vue';
 import ScrollTest from "./views/ScrollTest.vue";
+import OtpTestPage from "./views/OtpTestPage.vue";
 
 const routes: RouteRecordRaw[] = [
   {
@@ -56,6 +57,12 @@ const routes: RouteRecordRaw[] = [
     path: '/scroll-test',
     name: 'ScrollTest',
     component: ScrollTest,
+  },
+  {
+    path: '/otp-test',
+    name: 'OtpTestPage',
+    component: OtpTestPage,
+    meta: { layout: 'empty' },
   }
 ];
 
diff --git a/TEST-UI/src/views/OtpTestPage.vue b/TEST-UI/src/views/OtpTestPage.vue
new file mode 100644
index 00000000..2f3945ab
--- /dev/null
+++ b/TEST-UI/src/views/OtpTestPage.vue
@@ -0,0 +1,65 @@
+<template>
+  <div class="flex items-center justify-center h-screen px-6 bg-gray-200">
+    <div class="w-full max-w-sm p-6 bg-white rounded-md shadow-md">
+      <h2 class="text-2xl font-semibold text-center text-gray-700">2FA Test Page</h2>
+      <p class="mt-2 text-sm text-center text-gray-600">Enter your Google Authenticator code</p>
+
+      <form class="mt-4" @submit.prevent="verifyOtp">
+        <label class="block mt-3">
+          <span class="text-sm text-gray-700">OTP Code</span>
+          <input
+            type="text"
+            class="block w-full mt-1 border-gray-200 rounded-md focus:border-indigo-600 focus:ring focus:ring-opacity-40 focus:ring-indigo-500"
+            v-model="otpCode"
+            placeholder="6-digit code"
+          />
+        </label>
+
+        <div class="mt-6">
+          <button
+            type="submit"
+            class="w-full px-4 py-2 text-sm text-center text-white bg-indigo-600 rounded-md focus:outline-none hover:bg-indigo-500"
+          >
+            Verify
+          </button>
+        </div>
+      </form>
+      
+      <div v-if="message" :class="['mt-4 text-center font-bold', isSuccess ? 'text-green-600' : 'text-red-600']">
+        <span id="resultMessage">{{ message }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { ref } from "vue";
+import * as OTPAuth from "otpauth";
+
+const otpCode = ref("");
+const message = ref("");
+const isSuccess = ref(false);
+
+const SECRET = "JBSWY3DPEHPK3PXP";
+
+function verifyOtp() {
+  let totp = new OTPAuth.TOTP({
+    issuer: "Demo",
+    label: "user@demo.com",
+    algorithm: "SHA1",
+    digits: 6,
+    period: 30,
+    secret: OTPAuth.Secret.fromBase32(SECRET)
+  });
+
+  let delta = totp.validate({ token: otpCode.value, window: 1 });
+
+  if (delta !== null) {
+    message.value = "Success!";
+    isSuccess.value = true;
+  } else {
+    message.value = "Invalid Code!";
+    isSuccess.value = false;
+  }
+}
+</script>