auth.nami.io
Open in
urlscan Pro
104.26.11.151
Public Scan
Submitted URL: https://nami.exchange/ref/PMDSQPWK/
Effective URL: https://auth.nami.io/register?state=eyJjb2RlIjoiUlJWZ0tCWGE0a3JHM2RiYkNBVnQiLCJyZWZDb2RlIjoiUE1EU1FQV0siLCJyZWRpcmVjd...
Submission: On June 23 via api from FI — Scanned from GE
Effective URL: https://auth.nami.io/register?state=eyJjb2RlIjoiUlJWZ0tCWGE0a3JHM2RiYkNBVnQiLCJyZWZDb2RlIjoiUE1EU1FQV0siLCJyZWRpcmVjd...
Submission: On June 23 via api from FI — Scanned from GE
Form analysis 1 forms found in the DOM
POST
<form
class="login-form validate-form bg-transparent sm:dark:bg-gray-6 sm:bg-white sm:dark:border-[1px] dark:border-black-5 border-gray-8 px-4 sm:px-8 sm:py-12 rounded-xl sm:max-w-[600px] dark:text-black-3 text-gray-5 sm:text-base text-sm font-normal"
method="post">
<input type="hidden" name="_csrf" value="BiEXtV7H-6-QwnJomra9dxA_SnjFFM-2itSw">
<span class="font-medium text-xl sm:text-2xl dark:text-white-3 text-black-6"> Sign Up </span>
<div class="h-6"></div>
<input type="hidden" name="client_state" value="eyJjb2RlIjoiUlJWZ0tCWGE0a3JHM2RiYkNBVnQiLCJyZWZDb2RlIjoiUE1EU1FQV0siLCJyZWRpcmVjdFRvIjoiaHR0cHM6Ly9uYW1pLmV4Y2hhbmdlL3JlZi9QTURTUVBXSy8ifQ">
<div class="" data-validate="Insert your email here">
<span class="leading-5 font-normal sm:text-sm text-xs">Email</span>
<div class="h-2"></div>
<div class="validate-input">
<div class="dark:!bg-black-4 !bg-gray-1 h-12 px-3 py-2 rounded-md w-full flex justify-between items-center">
<input class="border-none dark:bg-black-4 bg-gray-1 text-black-1 dark:text-white-3 placeholder-black-3 w-full h-full sm:text-base text-sm font-normal" name="email" placeholder="Enter your email" id="email" autocomplete="email" type="text"
style="outline: none">
<div class="flex items-center w-max">
<div class="cursor-pointer hidden" id="clear-email">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#hk948noe7a)">
<path d="m12.667 4.274-.94-.94L8 7.061 4.273 3.334l-.94.94L7.06 8.001l-3.727 3.726.94.94L8 8.941l3.727 3.726.94-.94L8.94 8.001l3.727-3.727z" fill="#8593A6"></path>
</g>
<defs>
<clipPath id="hk948noe7a">
<path fill="#fff" d="M0 0h16v16H0z"></path>
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
<script>
document.getElementById('email').addEventListener('keyup', function(e) {
const clearButton = document.getElementById('clear-email')
if (e.target.value.length) {
clearButton.classList.add('block')
clearButton.classList.remove('hidden')
if ('email' === 'password') {
document.getElementById('toggle-section').classList.add('border-l-[1px]')
}
if ('email' === 'ref') {
document.getElementById('ref-section').classList.add('border-l-[1px]')
}
} else {
clearButton.classList.remove('block')
clearButton.classList.add('hidden')
if ('email' === 'password') {
document.getElementById('toggle-section').classList.remove('border-l-[1px]')
}
if ('email' === 'ref') {
document.getElementById('ref-section').classList.remove('border-l-[1px]')
}
}
})
document.getElementById('email').addEventListener('input', function(e) {
if (e.target.value.length) {
if ('email' === 'password') {
document.getElementById('toggle-section').classList.add('border-l-[1px]')
}
if ('email' === 'ref') {
document.getElementById('ref-section').classList.add('border-l-[1px]')
}
} else {
if ('email' === 'password') {
document.getElementById('toggle-section').classList.remove('border-l-[1px]')
}
if ('email' === 'ref') {
document.getElementById('ref-section').classList.remove('border-l-[1px]')
}
}
})
document.getElementById('email').addEventListener('focus', function() {
if (($(this).is(':focus'))) {
const parent = this.parentNode
parent.classList.add('border-[1px]', 'border-green-2')
}
})
document.getElementById('email').addEventListener('focusout', function() {
if ('email' === 'ref' && this.value.length > 0) {
return
}
const parent = this.parentNode
parent.classList.remove('border-[1px]', 'border-green-2')
})
document.getElementById('clear-email').addEventListener('click', function(event) {
const currentInput = document.getElementsByName('email')[0]
currentInput.value = ''
currentInput.dispatchEvent(new Event('input'));
const clearButton = document.getElementById('clear-email')
clearButton.classList.remove('block')
clearButton.classList.add('hidden')
currentInput.focus()
});
function toggleHidePassword() {
const x = document.getElementById("password");
const icon = $("#togglehidepassword")
if (x.type === "password") {
icon.replaceWith(
'<svg id="togglehidepassword" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_17117_107182)"><path d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z" fill="#8593A6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23.0001 2.0001L2.00009 23.0001L1.11621 22.1162L22.1162 1.11621L23.0001 2 0001Z" fill="#8593A6"/></g><defs><clipPath id="clip0_17117_107182"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>'
)
x.type = "text";
} else {
x.type = "password";
icon.replaceWith(
'<svg id="togglehidepassword" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#o71ps2nvya)"><path d="M8 3C4.665 3 1.82 5.073.665 8c1.153 2.927 4 5 7.333 5 3.334 0 6.18-2.073 7.334-5-1.154-2.927-4-5-7.334-5zm0 8.333a3.335 3.335 0 0 1 0-6.666 3.335 3.335 0 0 1 0 6.666zM8 6c-1.107 0-2 .893-2 2s.893 2 2 2c1.106 0 2-.893 2-2s-.894-2-2-2z" fill="#8593A6"/></g><defs><clipPath id="o71ps2nvya"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>'
)
}
}
</script>
</div>
<div class="input-error hidden mt-2 font-normal text-xs text-red-1 space-x-1" id="email-error">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.335 6.667h1.333V10H7.335V6.667zm-.001 4h1.333V12H7.334v-1.333z" fill="#F93636"></path>
<path d="M9.18 2.8A1.332 1.332 0 0 0 8 2.092c-.494 0-.946.271-1.178.709L1.93 12.043c-.22.417-.207.907.036 1.312.243.404.67.645 1.142.645h9.785c.472 0 .9-.241 1.143-.645s.257-.895.036-1.312L9.179 2.8zm-6.072 9.867L8 3.425l4.896 9.242h-9.79z"
fill="#F93636"></path>
</svg>
<div id="email-error-content"> Wrong format </div>
</div>
</div>
<div class="h-4"></div>
<div class="" data-validate="Insert your password here">
<span class="leading-5 font-normal sm:text-sm text-xs">Password</span>
<div class="h-2"></div>
<div class="validate-input">
<div class="dark:!bg-black-4 !bg-gray-1 h-12 px-3 py-2 rounded-md w-full flex justify-between items-center">
<input class="border-none dark:bg-black-4 bg-gray-1 text-black-1 dark:text-white-3 placeholder-black-3 w-full h-full sm:text-base text-sm font-normal" name="password" placeholder="Length from 8-50 characters" id="password"
autocomplete="current-password" type="password" style="outline: none">
<div class="flex items-center w-max">
<div class="cursor-pointer hidden" id="clear-password">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#hk948noe7a)">
<path d="m12.667 4.274-.94-.94L8 7.061 4.273 3.334l-.94.94L7.06 8.001l-3.727 3.726.94.94L8 8.941l3.727 3.726.94-.94L8.94 8.001l3.727-3.727z" fill="#8593A6"></path>
</g>
<defs>
<clipPath id="hk948noe7a">
<path fill="#fff" d="M0 0h16v16H0z"></path>
</clipPath>
</defs>
</svg>
</div>
<div class="cursor-pointer ml-2 pl-2 border-gray-7 dark:border-black-5" onclick="toggleHidePassword()" id="toggle-section">
<svg id="togglehidepassword" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#o71ps2nvya)">
<path
d="M8 3C4.665 3 1.82 5.073.665 8c1.153 2.927 4 5 7.333 5 3.334 0 6.18-2.073 7.334-5-1.154-2.927-4-5-7.334-5zm0 8.333a3.335 3.335 0 0 1 0-6.666 3.335 3.335 0 0 1 0 6.666zM8 6c-1.107 0-2 .893-2 2s.893 2 2 2c1.106 0 2-.893 2-2s-.894-2-2-2z"
fill="#8593A6"></path>
</g>
<defs>
<clipPath id="o71ps2nvya">
<path fill="#fff" d="M0 0h16v16H0z"></path>
</clipPath>
</defs>
</svg>
</div>
</div>
</div>
<script>
document.getElementById('password').addEventListener('keyup', function(e) {
const clearButton = document.getElementById('clear-password')
if (e.target.value.length) {
clearButton.classList.add('block')
clearButton.classList.remove('hidden')
if ('password' === 'password') {
document.getElementById('toggle-section').classList.add('border-l-[1px]')
}
if ('password' === 'ref') {
document.getElementById('ref-section').classList.add('border-l-[1px]')
}
} else {
clearButton.classList.remove('block')
clearButton.classList.add('hidden')
if ('password' === 'password') {
document.getElementById('toggle-section').classList.remove('border-l-[1px]')
}
if ('password' === 'ref') {
document.getElementById('ref-section').classList.remove('border-l-[1px]')
}
}
})
document.getElementById('password').addEventListener('input', function(e) {
if (e.target.value.length) {
if ('password' === 'password') {
document.getElementById('toggle-section').classList.add('border-l-[1px]')
}
if ('password' === 'ref') {
document.getElementById('ref-section').classList.add('border-l-[1px]')
}
} else {
if ('password' === 'password') {
document.getElementById('toggle-section').classList.remove('border-l-[1px]')
}
if ('password' === 'ref') {
document.getElementById('ref-section').classList.remove('border-l-[1px]')
}
}
})
document.getElementById('password').addEventListener('focus', function() {
if (($(this).is(':focus'))) {
const parent = this.parentNode
parent.classList.add('border-[1px]', 'border-green-2')
}
})
document.getElementById('password').addEventListener('focusout', function() {
if ('password' === 'ref' && this.value.length > 0) {
return
}
const parent = this.parentNode
parent.classList.remove('border-[1px]', 'border-green-2')
})
document.getElementById('clear-password').addEventListener('click', function(event) {
const currentInput = document.getElementsByName('password')[0]
currentInput.value = ''
currentInput.dispatchEvent(new Event('input'));
const clearButton = document.getElementById('clear-password')
clearButton.classList.remove('block')
clearButton.classList.add('hidden')
currentInput.focus()
});
function toggleHidePassword() {
const x = document.getElementById("password");
const icon = $("#togglehidepassword")
if (x.type === "password") {
icon.replaceWith(
'<svg id="togglehidepassword" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_17117_107182)"><path d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z" fill="#8593A6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23.0001 2.0001L2.00009 23.0001L1.11621 22.1162L22.1162 1.11621L23.0001 2 0001Z" fill="#8593A6"/></g><defs><clipPath id="clip0_17117_107182"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>'
)
x.type = "text";
} else {
x.type = "password";
icon.replaceWith(
'<svg id="togglehidepassword" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#o71ps2nvya)"><path d="M8 3C4.665 3 1.82 5.073.665 8c1.153 2.927 4 5 7.333 5 3.334 0 6.18-2.073 7.334-5-1.154-2.927-4-5-7.334-5zm0 8.333a3.335 3.335 0 0 1 0-6.666 3.335 3.335 0 0 1 0 6.666zM8 6c-1.107 0-2 .893-2 2s.893 2 2 2c1.106 0 2-.893 2-2s-.894-2-2-2z" fill="#8593A6"/></g><defs><clipPath id="o71ps2nvya"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>'
)
}
}
</script>
</div>
<div class="input-error hidden mt-2 font-normal text-xs text-red-1 space-x-1" id="password-error">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.335 6.667h1.333V10H7.335V6.667zm-.001 4h1.333V12H7.334v-1.333z" fill="#F93636"></path>
<path d="M9.18 2.8A1.332 1.332 0 0 0 8 2.092c-.494 0-.946.271-1.178.709L1.93 12.043c-.22.417-.207.907.036 1.312.243.404.67.645 1.142.645h9.785c.472 0 .9-.241 1.143-.645s.257-.895.036-1.312L9.179 2.8zm-6.072 9.867L8 3.425l4.896 9.242h-9.79z"
fill="#F93636"></path>
</svg>
<div id="password-error-content"> Wrong format </div>
</div>
</div>
<div class="h-4"></div>
<div class="">
<span class="leading-5 font-normal sm:text-sm text-xs">Referal Code (Optional)</span>
<div class="h-2"></div>
<div class="validate-input">
<div class="dark:!bg-black-4 !bg-gray-1 h-12 px-3 py-2 rounded-md w-full flex justify-between items-center">
<input class="border-none dark:bg-black-4 bg-gray-1 text-black-1 dark:text-white-3 placeholder-black-3 w-full h-full sm:text-base text-sm font-normal input_disabled uppercase placeholder:!normal-case" name="ref"
placeholder="Enter referral code" id="ref" autocomplete="ref" type="ref" style="outline: none" disabled="disabled">
<div class="flex items-center w-max">
<div class="cursor-pointer hidden" id="clear-ref">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#hk948noe7a)">
<path d="m12.667 4.274-.94-.94L8 7.061 4.273 3.334l-.94.94L7.06 8.001l-3.727 3.726.94.94L8 8.941l3.727 3.726.94-.94L8.94 8.001l3.727-3.727z" fill="#8593A6"></path>
</g>
<defs>
<clipPath id="hk948noe7a">
<path fill="#fff" d="M0 0h16v16H0z"></path>
</clipPath>
</defs>
</svg>
</div>
<div class="ml-2 pl-2 font-normal sm:text-sm text-xs border-gray-7 dark:border-black-5 w-max" id="ref-section">YUSUP RAHMAT</div>
</div>
</div>
<script>
document.getElementById('ref').addEventListener('keyup', function(e) {
const clearButton = document.getElementById('clear-ref')
if (e.target.value.length) {
clearButton.classList.add('block')
clearButton.classList.remove('hidden')
if ('ref' === 'password') {
document.getElementById('toggle-section').classList.add('border-l-[1px]')
}
if ('ref' === 'ref') {
document.getElementById('ref-section').classList.add('border-l-[1px]')
}
} else {
clearButton.classList.remove('block')
clearButton.classList.add('hidden')
if ('ref' === 'password') {
document.getElementById('toggle-section').classList.remove('border-l-[1px]')
}
if ('ref' === 'ref') {
document.getElementById('ref-section').classList.remove('border-l-[1px]')
}
}
})
document.getElementById('ref').addEventListener('input', function(e) {
if (e.target.value.length) {
if ('ref' === 'password') {
document.getElementById('toggle-section').classList.add('border-l-[1px]')
}
if ('ref' === 'ref') {
document.getElementById('ref-section').classList.add('border-l-[1px]')
}
} else {
if ('ref' === 'password') {
document.getElementById('toggle-section').classList.remove('border-l-[1px]')
}
if ('ref' === 'ref') {
document.getElementById('ref-section').classList.remove('border-l-[1px]')
}
}
})
document.getElementById('ref').addEventListener('focus', function() {
if (($(this).is(':focus'))) {
const parent = this.parentNode
parent.classList.add('border-[1px]', 'border-green-2')
}
})
document.getElementById('ref').addEventListener('focusout', function() {
if ('ref' === 'ref' && this.value.length > 0) {
return
}
const parent = this.parentNode
parent.classList.remove('border-[1px]', 'border-green-2')
})
document.getElementById('clear-ref').addEventListener('click', function(event) {
const currentInput = document.getElementsByName('ref')[0]
currentInput.value = ''
currentInput.dispatchEvent(new Event('input'));
const clearButton = document.getElementById('clear-ref')
clearButton.classList.remove('block')
clearButton.classList.add('hidden')
currentInput.focus()
});
function toggleHidePassword() {
const x = document.getElementById("password");
const icon = $("#togglehidepassword")
if (x.type === "password") {
icon.replaceWith(
'<svg id="togglehidepassword" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_17117_107182)"><path d="M12 4.5C7 4.5 2.73 7.61 1 12C2.73 16.39 7 19.5 12 19.5C17 19.5 21.27 16.39 23 12C21.27 7.61 17 4.5 12 4.5ZM12 17C9.24 17 7 14.76 7 12C7 9.24 9.24 7 12 7C14.76 7 17 9.24 17 12C17 14.76 14.76 17 12 17ZM12 9C10.34 9 9 10.34 9 12C9 13.66 10.34 15 12 15C13.66 15 15 13.66 15 12C15 10.34 13.66 9 12 9Z" fill="#8593A6"/><path fill-rule="evenodd" clip-rule="evenodd" d="M23.0001 2.0001L2.00009 23.0001L1.11621 22.1162L22.1162 1.11621L23.0001 2 0001Z" fill="#8593A6"/></g><defs><clipPath id="clip0_17117_107182"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>'
)
x.type = "text";
} else {
x.type = "password";
icon.replaceWith(
'<svg id="togglehidepassword" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#o71ps2nvya)"><path d="M8 3C4.665 3 1.82 5.073.665 8c1.153 2.927 4 5 7.333 5 3.334 0 6.18-2.073 7.334-5-1.154-2.927-4-5-7.334-5zm0 8.333a3.335 3.335 0 0 1 0-6.666 3.335 3.335 0 0 1 0 6.666zM8 6c-1.107 0-2 .893-2 2s.893 2 2 2c1.106 0 2-.893 2-2s-.894-2-2-2z" fill="#8593A6"/></g><defs><clipPath id="o71ps2nvya"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>'
)
}
}
</script>
</div>
<div class="input-error hidden mt-2 font-normal text-xs text-red-1 space-x-1" id="ref-error" style="display: none;">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.335 6.667h1.333V10H7.335V6.667zm-.001 4h1.333V12H7.334v-1.333z" fill="#F93636"></path>
<path d="M9.18 2.8A1.332 1.332 0 0 0 8 2.092c-.494 0-.946.271-1.178.709L1.93 12.043c-.22.417-.207.907.036 1.312.243.404.67.645 1.142.645h9.785c.472 0 .9-.241 1.143-.645s.257-.895.036-1.312L9.179 2.8zm-6.072 9.867L8 3.425l4.896 9.242h-9.79z"
fill="#F93636"></path>
</svg>
<div id="ref-error-content"> Wrong format </div>
</div>
</div>
<div class="h-6"></div>
<div class="flex justify-between items-center font-normal">
<div class="flex items-center">
<div class="validate-input !border-none">
<div class="!border-none">
<input class="styled-checkbox" id="agree-term-checkbox" type="checkbox" value="agree" name="term">
<label for="agree-term-checkbox" class="">
</label>
</div>
</div>
<div class="input-error hidden h-0 w-0 !border-none" id="term-error">
</div>
<div class="text-xs sm:text-sm text-left"> I agree to the Nami Exchange <a href="https://nami.exchange/terms-of-service" target="_blank">
<span class="dark:text-green-2 text-green-1 font-semibold cursor-pointer">Terms of Service</span>
</a>
</div>
</div>
</div>
<div class="h-10"></div>
<div class="text-center">
<div class="g-recaptcha" data-sitekey="6LeBxt0ZAAAAALegwUN7zlMcgTV9RqiuYpx8WdwG" data-callback="onRegisterSubmit" data-size="invisible">
<div class="grecaptcha-badge" data-style="bottomright"
style="width: 256px; height: 60px; display: block; transition: right 0.3s ease 0s; position: fixed; bottom: 14px; right: -186px; box-shadow: gray 0px 0px 5px; border-radius: 2px; overflow: hidden;">
<div class="grecaptcha-logo"><iframe title="reCAPTCHA"
src="https://www.google.com/recaptcha/api2/anchor?ar=1&k=6LeBxt0ZAAAAALegwUN7zlMcgTV9RqiuYpx8WdwG&co=aHR0cHM6Ly9hdXRoLm5hbWkuaW86NDQz&hl=ka&v=IqA9DpBOUJevxkykws9RiIBs&size=invisible&cb=3xlp3qu7cbdk" width="256"
height="60" role="presentation" name="a-akbg9x66hbqu" frameborder="0" scrolling="no" sandbox="allow-forms allow-popups allow-same-origin allow-scripts allow-top-navigation allow-modals allow-popups-to-escape-sandbox"></iframe></div>
<div class="grecaptcha-error"></div><textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response"
style="width: 250px; height: 40px; border: 1px solid rgb(193, 193, 193); margin: 10px 25px; padding: 0px; resize: none; display: none;"></textarea>
</div><iframe style="display: none;"></iframe>
</div>
</div>
<button
class="login-form-btn w-full h-12 rounded-md hover:bg-green-3 bg-green-2 text-center font-semibold py-3 text-white disabled:dark:bg-black-4 disabled:bg-white-1 disabled:dark:text-white-4 disabled:text-gray-4 disabled:pointer-events-none cursor-pointer flex justify-center items-center"
id="button_register" type="submit" disabled="">
<img src="/imgs/loading.svg">
<span>Sign Up</span>
</button>
<div class="h-3"></div>
<div class="w-full text-center h-12 flex items-center justify-center">
<div class=""> Already registered? <a href="/login?state=eyJjb2RlIjoiUlJWZ0tCWGE0a3JHM2RiYkNBVnQiLCJyZWZDb2RlIjoiUE1EU1FQV0siLCJyZWRpcmVjdFRvIjoiaHR0cHM6Ly9uYW1pLmV4Y2hhbmdlL3JlZi9QTURTUVBXSy8ifQ&theme=dark" class="dark:text-green-2 text-green-1 font-semibold sm:text-base text-sm" id="redirectlogin">
Login
</a>
</div>
</div>
<div class="h-8"></div>
<div class="text-center relative">
<div class="h-[1px] border-t-[1px] dark:border-black-5 border-gray-8 w-full flex justify-center z-1">
</div>
<div class="top-[-14px] mx-auto px-3 z-2 bg-white dark:bg-black-7 sm:dark:bg-gray-6 sm:bg-white w-fit" style="position: inherit;"> Or </div>
</div>
<div class="h-2"></div>
<div class="flex space-x-6 justify-center items-center">
<a id="btn-fb" href="https://auth.nami.io/login/facebook?client_state=eyJjb2RlIjoiUlJWZ0tCWGE0a3JHM2RiYkNBVnQiLCJyZWZDb2RlIjoiUE1EU1FQV0siLCJyZWRpcmVjdFRvIjoiaHR0cHM6Ly9uYW1pLmV4Y2hhbmdlL3JlZi9QTURTUVBXSy8ifQ">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="dark:bg-black-4 bg-white-1 rounded-md">
<rect width="48" height="48" rx="6"></rect>
<path d="M38.324 23.828c0 8.006-6.49 14.495-14.495 14.495-8.005 0-14.495-6.49-14.495-14.495 0-8.005 6.49-14.495 14.495-14.495 8.005 0 14.495 6.49 14.495 14.495z" fill="url(#hac40h3p3a)"></path>
<path d="M38.324 23.828c0 8.006-6.49 14.495-14.495 14.495-8.005 0-14.495-6.49-14.495-14.495 0-8.005 6.49-14.495 14.495-14.495 8.005 0 14.495 6.49 14.495 14.495z" fill="url(#zx8dc63ftb)"></path>
<path d="M21.51 28.177v9.856c0 .16.13.29.29.29h4.058c.16 0 .29-.13.29-.29v-9.856c0-.16.13-.29.29-.29h2.899c.16 0 .29-.13.29-.29v-3.479a.29.29 0 0 0-.29-.29h-2.899a.29.29 0 0 1-.29-.29V20.93c0-1.16 1.45-1.74 2.03-1.74h1.739c.16 0 .29-.129.29-.29v-3.478a.29.29 0 0 0-.29-.29h-3.769c-2.783 0-4.638 2.9-4.638 4.639v3.768c0 .16-.13.29-.29.29h-2.9a.29.29 0 0 0-.29.29v3.479c0 .16.13.29.29.29h2.9c.16 0 .29.13.29.29z" fill="#fff"></path>
<defs>
<linearGradient id="hac40h3p3a" x1="23.829" y1="9.333" x2="23.829" y2="38.323" gradientUnits="userSpaceOnUse">
<stop stop-color="#18ACFE"></stop>
<stop offset="1" stop-color="#0165E1"></stop>
</linearGradient>
<linearGradient id="zx8dc63ftb" x1="23.829" y1="9.333" x2="23.829" y2="38.323" gradientUnits="userSpaceOnUse">
<stop stop-color="#18ACFE"></stop>
<stop offset="1" stop-color="#0165E1"></stop>
</linearGradient>
</defs>
</svg>
</a>
<a id="btn-google" href="https://auth.nami.io/login/google?client_state=eyJjb2RlIjoiUlJWZ0tCWGE0a3JHM2RiYkNBVnQiLCJyZWZDb2RlIjoiUE1EU1FQV0siLCJyZWRpcmVjdFRvIjoiaHR0cHM6Ly9uYW1pLmV4Y2hhbmdlL3JlZi9QTURTUVBXSy8ifQ">
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" class="dark:bg-black-4 bg-white-1 rounded-md">
<rect width="48" height="48" rx="6"></rect>
<path d="M38.67 24.114c0-1.02-.081-2.044-.253-3.047H24.59v5.775h7.918c-.329 1.863-1.679 3.738-3.225 4.785l.295 3.52h4.399c2.774-2.612 4.693-6.47 4.693-11.033z" fill="#4285F4"></path>
<path d="M24.23 38.667c3.964 0 7.308-1.286 9.744-3.504l-4.694-3.536c-1.318.885-3.063 1.296-5.045 1.296-3.835 0-7.281-2.555-8.448-5.99h-4.693v3.739c2.495 4.901 7.578 7.995 13.136 7.995z" fill="#34A853"></path>
<path d="M15.789 26.933c-.673-1.785-.38-4.081.293-5.866l.293-3.52-5.28-.294c-2.277 4.061-2.329 9.14-.052 13.2l4.746-3.52z" fill="#FBBC04"></path>
<path d="M24.513 15.075c2.14-.032 4.21.746 5.76 2.175l4.287-4.142c-2.714-2.463-6.317-3.816-10.047-3.774-5.678 0-10.87 3.015-13.42 7.92l4.989 3.813c1.186-3.439 4.513-5.992 8.43-5.992z" fill="#EA4335"></path>
</svg>
</a>
</div>
</form>Text Content
Thông tin đăng nhập của bạn không đúng, vui lòng thử lại hoặc bấm “Quên mật khẩu”. Secure Spots and Futures Exchange Invest and trade cryptocurrencies effectively at Nami Exchange Your browser does not support the video tag. Sign Up Email Wrong format Password Wrong format Referal Code (Optional) YUSUP RAHMAT Wrong format I agree to the Nami Exchange Terms of Service Sign Up Already registered? Login Or