@font-face {
    font-family: "Sora";
    src: url("/fonts/Sora-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "Sora";
    src: url("/fonts/Sora-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "Sora";
    src: url("/fonts/Sora-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "Sora";
    src: url("/fonts/Sora-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "Sora";
    src: url("/fonts/Sora-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "Sora";
    src: url("/fonts/Sora-SemiBold.ttf") format("truetype");
    font-weight: 600;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "Sora";
    src: url("/fonts/Sora-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "Sora";
    src: url("/fonts/Sora-ExtraBold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: optional;
}

@font-face {
    font-family: "Inter Tight";
    src: url("/fonts/InterTight-latin.woff2") format("woff2");
    font-weight: 300 700;
    font-style: normal;
    font-display: optional;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Inter Tight";
    src: url("/fonts/InterTight-latin-ext.woff2") format("woff2");
    font-weight: 300 700;
    font-style: normal;
    font-display: optional;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Inter Tight";
    src: url("/fonts/InterTight-cyrillic.woff2") format("woff2");
    font-weight: 300 700;
    font-style: normal;
    font-display: optional;
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: "Inter Tight Fallback";
    src: local("Arial"), local("Helvetica"), local("Liberation Sans");
    size-adjust: 96.8%;
    ascent-override: 96.9%;
    descent-override: 24.1%;
    line-gap-override: 0%;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body:has(.otcn-auth-page) {
    margin: 0;
    min-height: 100vh;
    color: #f7f8f8;
    background: #1d2728;
    font-family: "Inter Tight", "Inter Tight Fallback", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body:has(.otcn-auth-page) a {
    color: inherit;
    text-decoration: none;
}

body:has(.otcn-auth-page) button,
body:has(.otcn-auth-page) input,
body:has(.otcn-auth-page) select {
    font: inherit;
}

body:has(.otcn-auth-page) button {
    cursor: pointer;
}

body:has(.otcn-auth-page) .content {
    display: block;
    min-height: calc(100vh - 68px);
}

.otcn-toast-placeholder {
    width: min(440px, calc(100vw - 32px));
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1300;
    pointer-events: none;
}

@keyframes otcn-toast-in {
    from {
        opacity: 0;
        transform: translateY(12px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.otcn-toast-placeholder .otcn-toast-message {
    --otcn-toast-surface: #132b25;
    --otcn-toast-border: #25b88a;
    --otcn-toast-accent: #25b88a;
    --otcn-toast-title: #f7f8f8;
    --otcn-toast-description: rgba(247, 248, 248, 0.72);
    width: 100%;
    min-height: 74px;
    max-height: min(70vh, 360px);
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 4px 14px;
    justify-content: center;
    align-items: flex-start;
    overflow: auto;
    position: relative;
    margin: 0;
    padding: 18px 56px 18px 18px;
    border: 1px solid var(--otcn-toast-border);
    border-radius: 16px;
    background: var(--otcn-toast-surface);
    color: var(--otcn-toast-title);
    box-shadow: 0 22px 60px rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(16px);
    pointer-events: auto;
    animation: otcn-toast-in 220ms ease-out both;
}

.otcn-toast-placeholder .otcn-toast-danger {
    --otcn-toast-surface: #321c21;
    --otcn-toast-border: #ff4d6d;
    --otcn-toast-accent: #ff4d6d;
}

.otcn-toast-placeholder .otcn-toast-warning {
    --otcn-toast-surface: #32301d;
    --otcn-toast-border: #ffd951;
    --otcn-toast-accent: #ffd951;
}

.otcn-toast-placeholder .otcn-toast-info {
    --otcn-toast-surface: #182235;
    --otcn-toast-border: #487af6;
    --otcn-toast-accent: #487af6;
}

.otcn-toast-placeholder .otcn-toast-icon {
    width: 34px;
    height: 34px;
    grid-row: 1 / span 2;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--otcn-toast-accent);
}

.otcn-toast-placeholder .otcn-toast-icon:before {
    content: "";
    width: 34px;
    height: 34px;
    display: block;
    background-color: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 1.75a10.25 10.25 0 1 1 0 20.5 10.25 10.25 0 0 1 0-20.5Zm-1.05 14.6 7-7-1.5-1.5-5.5 5.5-2.4-2.4-1.5 1.5 3.9 3.9Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 1.75a10.25 10.25 0 1 1 0 20.5 10.25 10.25 0 0 1 0-20.5Zm-1.05 14.6 7-7-1.5-1.5-5.5 5.5-2.4-2.4-1.5 1.5 3.9 3.9Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.otcn-toast-placeholder .otcn-toast-title {
    min-width: 0;
    color: var(--otcn-toast-title);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.25;
}

.otcn-toast-placeholder .alert-message {
    min-width: 0;
    max-width: 100%;
    margin: 0;
    color: var(--otcn-toast-description);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.42;
    overflow-wrap: anywhere;
    word-break: normal;
    white-space: normal;
    align-self: flex-start;
}

.otcn-toast-placeholder .otcn-toast-message:not(:has(.otcn-toast-title)) {
    grid-template-rows: minmax(34px, auto);
}

.otcn-toast-placeholder .otcn-toast-message:not(:has(.otcn-toast-title)) .otcn-toast-icon,
.otcn-toast-placeholder .otcn-toast-message:not(:has(.otcn-toast-title)) .alert-message {
    grid-row: 1;
}

.otcn-toast-placeholder .alert-close {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.08);
    opacity: 1;
}

.otcn-toast-placeholder .alert-close:hover,
.otcn-toast-placeholder .alert-close:focus {
    background: rgba(255, 255, 255, 0.14);
}

.otcn-toast-placeholder .alert-close .icon {
    width: 14px;
    height: 14px;
    filter: none;
    opacity: 0.72;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F7F8F8' d='M28.5 26l-10-10 10-10c.7-.7.7-1.8 0-2.5-.7-.7-1.8-.7-2.5 0l-10 10-10-10c-.7-.7-1.8-.7-2.5 0-.7.7-.7 1.8 0 2.5l10 10-10 10c-.7.7-.7 1.8 0 2.5.7.7 1.8.7 2.5 0l10-10 10 10c.7.7 1.8.7 2.5 0 .7-.7.7-1.8 0-2.5z'/%3E%3C/svg%3E");
}

.otcn-toast-placeholder .otcn-toast-danger .otcn-toast-icon:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 1.75a10.25 10.25 0 1 1 0 20.5 10.25 10.25 0 0 1 0-20.5ZM13.05 6.5h-2.1v7h2.1v-7Zm0 9h-2.1v2.1h2.1v-2.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 1.75a10.25 10.25 0 1 1 0 20.5 10.25 10.25 0 0 1 0-20.5ZM13.05 6.5h-2.1v7h2.1v-7Zm0 9h-2.1v2.1h2.1v-2.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.otcn-toast-placeholder .otcn-toast-warning .otcn-toast-icon:before {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 2.15c.74 0 1.42.39 1.8 1.03l8.6 14.9a2.08 2.08 0 0 1-1.8 3.12H3.4a2.08 2.08 0 0 1-1.8-3.12l8.6-14.9c.38-.64 1.06-1.03 1.8-1.03Zm1.05 6.7h-2.1v6h2.1v-6Zm0 7.8h-2.1v2.1h2.1v-2.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12 2.15c.74 0 1.42.39 1.8 1.03l8.6 14.9a2.08 2.08 0 0 1-1.8 3.12H3.4a2.08 2.08 0 0 1-1.8-3.12l8.6-14.9c.38-.64 1.06-1.03 1.8-1.03Zm1.05 6.7h-2.1v6h2.1v-6Zm0 7.8h-2.1v2.1h2.1v-2.1Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 575.98px) {
    .otcn-toast-placeholder {
        right: 16px;
        bottom: 16px;
        left: 16px;
        width: auto;
    }

}

body:has(.otcn-auth-page) .header {
    height: 68px;
    display: block;
    margin-bottom: 4px;
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    z-index: auto !important;
    background: #1d2728;
    border: 0;
    box-shadow: none;
}

body:has(.otcn-auth-page) .header .container-fluid {
    height: 100%;
    width: 100%;
    padding: 0 24px;
}

body:has(.otcn-auth-page) .header .row {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0;
}

body:has(.otcn-auth-page) .header .col-logo {
    width: auto;
    flex: 0 0 auto;
    padding: 0;
}

body:has(.otcn-auth-page) .header .col-menu {
    width: auto;
    position: absolute;
    right: 0;
    padding: 0;
}

body:has(.otcn-auth-page) .navbar-logo {
    width: auto;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
}

body:has(.otcn-auth-page) .navbar-logo img {
    width: auto;
    height: 48px;
    display: block;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .navbar-logo img {
    content: url("/images/logos/otcn-light.svg");
}

body:has(.otcn-auth-page) .navbar-logo:before {
    content: none;
}

body:has(.otcn-auth-page) .navbar-logo:after {
    content: none;
}

body:has(.otcn-auth-page) .navbar-action {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}

body:has(.otcn-auth-page) .navbar-action .action-item {
    display: flex;
    align-items: center;
    position: relative;
}

body:has(.otcn-auth-page) .navbar-link,
body:has(.otcn-auth-page) .navbar-button {
    display: none !important;
}

body:has(.otcn-auth-page) .navbar-action .action-item:has(.theme-mode) {
    display: flex;
    order: 20;
}

body:has(.otcn-auth-page) .navbar-action .action-item:has(.icon-language) {
    order: 21;
}

.theme-mode {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    box-shadow: none;
    cursor: pointer;
    transition: border-color 200ms ease, background-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
}

.theme-mode:hover {
    border-color: rgba(255, 255, 255, 0.25);
    background: rgba(255, 255, 255, 0.1);
}

.theme-mode.light {
    border-color: rgba(14, 15, 16, 0.12);
    background: rgba(14, 15, 16, 0.04);
    color: #0e0f10;
    box-shadow: none;
}

.theme-mode.light:hover {
    border-color: rgba(14, 15, 16, 0.25);
    background: rgba(14, 15, 16, 0.08);
}

.theme-mode-track {
    display: none;
}

.theme-mode-icon {
    width: 20px;
    height: 20px;
    position: absolute;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 500ms ease-out, opacity 500ms ease-out;
}

.theme-mode-sun {
    color: #0e0f10;
    opacity: 0;
    transform: scale(0.5) rotate(90deg);
}

.theme-mode-moon {
    color: #f4f7f8;
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

.theme-mode.light .theme-mode-sun {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

.theme-mode.light .theme-mode-moon {
    opacity: 0;
    transform: scale(0.5) rotate(-90deg);
}

.header .theme-mode {
    width: 40px !important;
    height: 40px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.04);
}

.header .theme-mode.light {
    border-color: rgba(14, 15, 16, 0.12);
    background: rgba(14, 15, 16, 0.04);
}

.header .theme-mode.light:hover {
    border-color: rgba(14, 15, 16, 0.25);
    background: rgba(14, 15, 16, 0.08);
}

body:has(.otcn-auth-page) .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 64px;
    height: 40px;
    color: #f7f8f8;
    cursor: pointer;
    gap: 6px;
}

body:has(.otcn-auth-page) .nav-link:has(.icon-language) {
    gap: 9px;
    padding: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

body:has(.otcn-auth-page) .nav-link:has(.icon-language):after {
    content: none;
}

body:has(.otcn-auth-page) .current-language {
    color: currentColor;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

body:has(.otcn-auth-page) .nav-link:has(.icon-language):before {
    content: "";
    order: 3;
    width: 8px;
    height: 8px;
    margin-left: 2px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-2px);
}

body:has(.otcn-auth-page) .icon-language {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%23F7F8F8' stroke-width='2'/%3E%3Cpath d='M3.6 9H20.4M3.6 15H20.4' stroke='%23F7F8F8' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 3C14.1 5.2 15.1 8.2 15.1 12C15.1 15.8 14.1 18.8 12 21C9.9 18.8 8.9 15.8 8.9 12C8.9 8.2 9.9 5.2 12 3Z' stroke='%23F7F8F8' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

body:has(.otcn-auth-page) .icon-language:before {
    content: none;
}

body:has(.otcn-auth-page) .icon-language:after {
    content: none;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .icon-language {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 21C16.9706 21 21 16.9706 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21Z' stroke='%230E0F10' stroke-width='2'/%3E%3Cpath d='M3.6 9H20.4M3.6 15H20.4' stroke='%230E0F10' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M12 3C14.1 5.2 15.1 8.2 15.1 12C15.1 15.8 14.1 18.8 12 21C9.9 18.8 8.9 15.8 8.9 12C8.9 8.2 9.9 5.2 12 3Z' stroke='%230E0F10' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

body:has(.otcn-auth-page) .nav-menu,
body:has(.otcn-auth-page) .nav-back {
    display: none;
}

body:has(.otcn-auth-page) .navbar-action .action-item.open .nav-menu,
body:has(.otcn-auth-page) .navbar-action .action-item:focus-within .nav-menu,
body:has(.otcn-auth-page) .navbar-action .action-item:hover .nav-menu {
    min-width: 150px;
    display: block;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 20;
    padding: 12px 8px 8px;
    border: 1px solid rgba(247, 248, 248, 0.12);
    border-radius: 12px;
    background: #111617;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);
}

body:has(.otcn-auth-page) .nav-menu .menu {
    display: grid;
    gap: 2px;
    padding: 0;
    margin: 0;
    list-style: none;
}

body:has(.otcn-auth-page) .nav-menu .menu-link {
    display: block;
    padding: 10px 12px;
    border-radius: 8px;
    color: rgba(247, 248, 248, 0.84);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
}

body:has(.otcn-auth-page) .nav-menu .menu-link:hover,
body:has(.otcn-auth-page) .nav-menu .menu-link:focus {
    background: rgba(132, 233, 232, 0.12);
    color: #84e9e8;
}

.otcn-auth-footer {
    background: #1d2728;
    color: rgba(247, 248, 248, 0.46);
}

.otcn-auth-footer .container {
    width: min(100%, 1220px);
    margin: 0 auto;
    padding: 0 24px;
}

.otcn-auth-footer-text {
    padding: 10px 0 12px;
    border-top: 1px solid rgba(247, 248, 248, 0.08);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    text-align: center;
}

.otcn-auth-page.auth-content,
.otcn-auth-page.alert-content {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    overflow: auto;
    min-height: calc(100vh - 68px);
    padding: 0 24px 16px !important;
    background: #1d2728;
    background-image: none !important;
}

.otcn-auth-page.login {
    top: auto !important;
    padding-top: 0 !important;
}

.otcn-auth-container {
    width: 100% !important;
    max-width: none !important;
    height: 100%;
    padding: 0 !important;
}

.auth-content.otcn-auth-page .otcn-auth-container,
.alert-content.otcn-auth-page .otcn-auth-container,
.auth-content.otcn-auth-page.register .otcn-auth-container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

.otcn-auth-shell {
    min-height: calc(100vh - 84px);
    display: grid;
    grid-template-columns: minmax(420px, 40%) minmax(420px, 1fr);
    gap: 72px;
    align-items: stretch;
    padding: 24px;
    border-radius: 44px;
    background: #0b0d0e;
}

.otcn-auth-side {
    min-height: 400px;
    position: relative;
    overflow: hidden;
    border: 1px solid #3a4043;
    border-radius: 40px;
    background: #050607 url("/images/otcn-auth-side.jpg") center / cover no-repeat;
}

.otcn-market-card,
.otcn-help-card {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    z-index: 1;
    padding: 32px;
    border: 1px solid rgba(244, 247, 248, 0.1);
    border-radius: 32px;
    background: rgba(14, 15, 16, 0.4);
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.45);
    backdrop-filter: blur(2px);
}

.otcn-market-card h2,
.otcn-help-card h2 {
    margin: 0 0 24px;
    color: #f4f7f8;
    font-size: clamp(30px, 3.2vw, 48px);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.04em;
}

.otcn-market-card p,
.otcn-help-card p {
    margin: 0;
    color: #c5c9cc;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -0.015em;
}

.otcn-help-card {
    top: 24px;
    bottom: 32px;
    overflow: hidden;
}

.otcn-help-card h2 {
    max-width: 460px;
    margin-bottom: 34px;
    font-size: 34px;
}

.otcn-step-list {
    display: grid;
    gap: 0;
}

.otcn-side-step {
    position: relative;
    padding: 0 0 28px 28px;
    border-left: 2px solid rgba(226, 235, 238, 0.22);
}

.otcn-side-step.is-active {
    border-color: #ff4a1f;
}

.otcn-side-step span {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 248, 248, 0.88);
    font-size: 14px;
}

.otcn-side-step strong {
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 18px;
}

.otcn-side-step p {
    max-width: 420px;
    font-size: 15px;
    font-weight: 400;
}

.otcn-auth-main {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
    padding: 30px;
}

.otcn-auth-main .content-card {
    display: block;
    width: min(100%, 640px) !important;
    max-width: 640px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.otcn-auth-main .content-title,
.otcn-auth-main .description,
.otcn-auth-main .form,
.otcn-auth-main .link-group,
.otcn-auth-main .alert-field {
    width: min(100%, 440px);
    margin-left: auto;
    margin-right: auto;
}

.otcn-auth-main .form:has(.otcn-code-group) {
    width: min(100%, 620px);
}

.otcn-auth-main .card-body {
    padding: 0 !important;
    background: transparent !important;
}

.otcn-auth-main .row {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 0 16px;
    margin: 0;
}

.otcn-auth-main .col-md-12,
.otcn-auth-main .col-md-6 {
    min-width: 0;
    padding: 0;
}

.otcn-auth-main .col-md-12 {
    grid-column: span 12;
}

.otcn-auth-main .col-md-6 {
    grid-column: span 6;
}

.otcn-auth-main .advert {
    display: none;
}

.otcn-auth-main .content-title {
    margin: 0 auto 20px !important;
    color: #f7f8f8;
    font-size: 30px;
    font-weight: 800;
    line-height: 1.16;
    text-align: center !important;
    letter-spacing: 0;
}

.otcn-auth-main .content-title.text-left {
    text-align: center !important;
}

.otcn-auth-main .description {
    max-width: 440px;
    margin: 0 auto 50px;
    color: rgba(247, 248, 248, 0.88);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.42;
    text-align: center !important;
}

.otcn-auth-main .otcn-email-form {
    display: grid;
    grid-template-columns: minmax(0, 440px);
    gap: 32px;
    align-items: end;
    justify-content: center;
}

.otcn-auth-main .otcn-email-form .form-group {
    margin-bottom: 0 !important;
}

.otcn-auth-main .otcn-email-form .form-error {
    display: block;
    min-height: 18px;
    margin-top: 7px;
    line-height: 18px;
}

.otcn-auth-main .otcn-email-form .captcha-group,
.otcn-auth-main .otcn-email-form .validation-summary-valid,
.otcn-auth-main .otcn-email-form .validation-summary-errors {
    grid-column: 1 / -1;
}

.otcn-auth-main .otcn-email-form .captcha-group + .btn-primary {
    margin-top: 0;
}

.otcn-auth-main .otcn-email-form .btn-email-send {
    height: 50px;
    border-radius: 12px;
    background: #ff4a1f;
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
}

.otcn-auth-main .otcn-profile-form {
    display: grid;
    grid-template-columns: minmax(0, 440px);
    gap: 0;
    justify-content: center;
}

.otcn-auth-main .otcn-profile-form .form-group {
    margin-bottom: 28px !important;
}

.otcn-auth-main .otcn-profile-form .form-group:last-of-type {
    margin-bottom: 32px !important;
}

.otcn-auth-main .otcn-profile-form .form-control {
    min-height: 46px;
    border-radius: 12px;
}

.otcn-auth-main .otcn-profile-form .form-control input,
.otcn-auth-main .otcn-profile-form .form-control select {
    height: 44px;
    line-height: 44px;
}

.otcn-auth-main .otcn-profile-form .country-control {
    position: relative;
}

.otcn-auth-main .otcn-profile-form .country-control.has-country:before {
    content: "";
    width: 22px;
    height: 16px;
    position: absolute;
    left: 16px;
    top: 50%;
    z-index: 1;
    border-radius: 3px;
    background: var(--country-flag-url) center / cover no-repeat;
    transform: translateY(-50%);
    pointer-events: none;
}

.otcn-auth-main .otcn-profile-form .country-control.has-country:after {
    content: none;
}

.otcn-auth-main .otcn-profile-form .country-control select {
    padding-left: 24px;
    appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, rgba(247, 248, 248, 0.82) 50%), linear-gradient(135deg, rgba(247, 248, 248, 0.82) 50%, transparent 50%);
    background-position: calc(100% - 24px) 19px, calc(100% - 18px) 19px;
    background-repeat: no-repeat;
    background-size: 6px 6px;
}

.otcn-auth-main .otcn-profile-form .country-control.has-country select {
    padding-left: 52px;
}

.otcn-auth-main .phone-form-group {
    position: relative;
}

.otcn-auth-main .form-control.phone-control {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    overflow: visible;
}

.otcn-auth-main .phone-control #PhoneNumber {
    width: auto;
    min-width: 0;
    flex: 1 1 0;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
}

.otcn-auth-main .phone-control .phone-country {
    position: relative;
    display: flex;
    align-items: stretch;
    flex: 0 0 auto;
    border-right: 1px solid #293235;
}

.otcn-auth-main .phone-control .phone-country-native {
    width: auto !important;
    min-width: 0 !important;
    max-width: 190px;
    padding-right: 12px;
}

.otcn-auth-main .phone-control .phone-country-trigger {
    display: none;
}

.otcn-auth-main .phone-country-enhanced .phone-country-native {
    display: none;
}

.otcn-auth-main .phone-country-enhanced .phone-country-trigger {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 46px;
    padding: 0 14px 0 16px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #f8faf9;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
}

.otcn-auth-main .phone-country-trigger:focus-visible {
    border-radius: 8px;
    box-shadow: inset 0 0 0 2px #5be7e7;
}

.otcn-auth-main .phone-country-flag,
.otcn-auth-main .phone-country-option-flag {
    display: inline-block;
    width: 22px;
    height: 16px;
    flex: 0 0 22px;
    border-radius: 3px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.otcn-auth-main .phone-country-caret {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid rgba(247, 248, 248, 0.82);
    transition: transform 0.15s ease;
}

.otcn-auth-main .phone-country-trigger[aria-expanded="true"] .phone-country-caret {
    transform: rotate(180deg);
}

.otcn-auth-main .phone-country-panel {
    position: absolute;
    z-index: 30;
    top: calc(100% + 8px);
    left: -1px;
    width: min(320px, calc(100vw - 48px));
    padding: 8px;
    border: 1px solid #293235;
    border-radius: 12px;
    background: #0c0f10;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.55);
}

.otcn-auth-main .phone-country-panel[hidden] {
    display: none;
}

.otcn-auth-main .phone-country-search {
    margin-bottom: 8px;
}

.otcn-auth-main .phone-country-panel .phone-country-search input {
    width: 100%;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #293235;
    border-radius: 8px;
    background: #0d1112;
    color: #f8faf9;
    font-size: 14px;
    font-weight: 500;
    line-height: 38px;
    outline: 0;
}

.otcn-auth-main .phone-country-panel .phone-country-search input:focus {
    border-color: #5be7e7;
}

.otcn-auth-main .phone-country-list {
    max-height: 200px;
    margin: 0;
    padding: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    list-style: none;
}

.otcn-auth-main .phone-country-option {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    padding: 0 10px;
    border-radius: 8px;
    color: #f8faf9;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
}

.otcn-auth-main .phone-country-option.is-active {
    background: #142021;
}

.otcn-auth-main .phone-country-option[aria-selected="true"] .phone-country-option-name {
    color: #5be7e7;
}

.otcn-auth-main .phone-country-option-name {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.otcn-auth-main .phone-country-option-dial {
    flex: 0 0 auto;
    color: rgba(247, 248, 248, 0.6);
}

.otcn-auth-main .phone-country-empty {
    margin: 0;
    padding: 14px 10px;
    color: rgba(247, 248, 248, 0.5);
    font-size: 14px;
    text-align: center;
}

.otcn-auth-main .phone-country-empty[hidden] {
    display: none;
}

.otcn-auth-page.login .otcn-auth-main,
.otcn-forgot-page .otcn-auth-main {
    align-items: center;
    padding: 30px;
}

.otcn-auth-page.register .otcn-auth-main {
    align-items: safe center;
}

.otcn-auth-page.register .otcn-auth-main .otcn-stepper {
    margin-bottom: 20px;
}

.otcn-auth-page.register .otcn-auth-main .otcn-stepper-track {
    margin-bottom: 22px;
}

.otcn-auth-page.register .otcn-auth-main .content-title {
    margin-bottom: 12px !important;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -1%;
}

.otcn-auth-page.register .otcn-auth-main .description {
    width: min(100%, 440px);
    margin-bottom: 56px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -1%;
}

.otcn-auth-page.register .otcn-auth-main .otcn-email-form {
    gap: 15px;
}

.otcn-auth-page.register .otcn-auth-main .otcn-profile-form .form-group {
    margin-bottom: 20px !important;
}

.otcn-auth-page.register .otcn-auth-main .otcn-profile-form .form-group:last-of-type {
    margin-bottom: 24px !important;
}

.otcn-forgot-page .otcn-auth-main .content-card {
    width: min(100%, 440px) !important;
    max-width: 440px !important;
}

.otcn-forgot-page .otcn-visual-icon {
    width: 120px;
    height: 120px;
    margin-bottom: 12px;
}

.otcn-forgot-page .otcn-visual-icon span {
    width: 72px;
    height: 72px;
    border-radius: 20px;
}

.otcn-forgot-page .otcn-visual-lock span:before {
    width: 40px;
    height: 32px;
    left: 14px;
    top: -28px;
    border-width: 6px;
    border-radius: 20px 20px 0 0;
}

.otcn-forgot-page .otcn-visual-lock span:after {
    font-size: 44px;
    line-height: 78px;
}

.otcn-forgot-page .otcn-auth-main .content-title {
    margin-bottom: 16px !important;
    font-size: 30px;
    line-height: 1.16;
}

.otcn-forgot-page .otcn-auth-main .description {
    margin-bottom: 32px;
}

.otcn-forgot-page .otcn-auth-main .description p {
    margin: 0 0 12px;
}

.otcn-forgot-page .otcn-auth-main .description p:last-child {
    margin-bottom: 0;
}

.otcn-change-password-page .otcn-auth-main .content-card,
.otcn-reset-password-page .otcn-auth-main .content-card {
    width: min(100%, 440px) !important;
    max-width: 440px !important;
}

.otcn-change-password-page .otcn-visual-icon,
.otcn-reset-password-page .otcn-visual-icon {
    width: 96px;
    height: 96px;
    margin-bottom: 10px;
}

.otcn-change-password-page .otcn-visual-icon span,
.otcn-reset-password-page .otcn-visual-icon span {
    width: 58px;
    height: 58px;
    border-radius: 18px;
}

.otcn-change-password-page .otcn-auth-main .content-title,
.otcn-reset-password-page .otcn-auth-main .content-title {
    margin-bottom: 16px !important;
    font-size: 30px;
    line-height: 1.16;
}

.otcn-change-password-page .otcn-auth-main .description {
    padding: 14px 16px;
    margin-bottom: 24px;
    border: 1px solid rgba(247, 248, 248, 0.12);
    border-radius: 8px;
    background: rgba(247, 248, 248, 0.04);
    color: rgba(247, 248, 248, 0.76);
    font-size: 14px;
    line-height: 1.45;
    text-align: left !important;
}

.otcn-change-password-page .otcn-auth-main .description p {
    margin: 0 0 10px;
}

.otcn-change-password-page .otcn-auth-main .description p:last-child {
    margin-bottom: 0;
}

.otcn-change-password-page .otcn-auth-main .description .text,
.otcn-change-password-page .otcn-auth-main .description .alert {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    text-align: inherit;
}

.otcn-change-password-page .otcn-auth-main .description .alert {
    display: block;
    padding: 0;
    border: 0;
    background: transparent;
}

.otcn-reset-password-page .otcn-auth-main .alert-warning {
    padding: 14px 16px;
    margin: 0 auto 20px;
    border: 1px solid rgba(247, 248, 248, 0.12);
    border-radius: 8px;
    background: rgba(247, 248, 248, 0.04);
    color: rgba(247, 248, 248, 0.76);
    font-size: 14px;
    line-height: 1.45;
}

.otcn-auth-page.login .otcn-auth-main .content-card {
    width: min(100%, 440px) !important;
    max-width: 440px !important;
}

.otcn-auth-page.login .otcn-auth-main .content-title {
    margin-bottom: 12px !important;
    font-size: 28px;
    line-height: 150%;
    letter-spacing: -1%;
}

.otcn-auth-page.login .otcn-auth-main .description {
    width: min(100%, 440px);
    margin-bottom: 56px;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -1%;
}

.otcn-auth-main .otcn-login-form {
    width: min(100%, 440px);
}

.otcn-auth-main .otcn-login-form .form-group {
    margin-bottom: 30px !important;
}

.otcn-auth-main .otcn-login-form .form-group + .form-group {
    margin-bottom: 38px !important;
}

.otcn-auth-main .otcn-login-form .form-control {
    min-height: 46px;
}

.otcn-auth-main .otcn-login-form .form-control input {
    height: 44px;
    line-height: 44px;
}

.otcn-auth-main .otcn-login-form #login-button {
    margin-top: 20px;
}

.otcn-tfa-page .otcn-auth-main {
    padding-top: 30px;
}

.otcn-tfa-page .otcn-auth-main .otcn-visual-icon {
    width: 156px;
    height: 156px;
    margin-bottom: -6px;
}

.otcn-tfa-page .otcn-auth-main .otcn-visual-icon span {
    width: 156px;
    height: 156px;
}

.otcn-auth-main .otcn-tfa-form {
    width: min(100%, 440px);
    padding: 0 16px;
}

.otcn-auth-page.otcn-tfa-page .otcn-auth-main .content-title {
    width: min(100%, 440px);
    margin-bottom: 8px !important;
    font-size: 30px;
}

.otcn-auth-page.otcn-tfa-page .otcn-auth-main .description {
    width: min(100%, 440px);
    margin-bottom: 16px;
    font-size: 16px;
}

.otcn-auth-main .otcn-tfa-alert {
    width: 100%;
    margin: 0 0 14px;
    padding: 14px 16px;
    border: 1px solid rgba(255, 74, 31, 0.42);
    border-radius: 12px;
    background: rgba(255, 74, 31, 0.08);
    color: #ff8b78;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.4;
    text-align: center;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.otcn-auth-main .otcn-tfa-form .btn-primary {
    width: 100%;
    margin-top: 22px;
}

.otcn-authenticator-page .otcn-auth-main {
    padding-top: 44px;
}

.otcn-authenticator-page .otcn-auth-main .content-card {
    width: min(100%, 500px) !important;
    max-width: 500px !important;
}

.otcn-authenticator-page .otcn-auth-main .content-title {
    width: min(100%, 440px);
    margin-bottom: 16px !important;
}

.otcn-authenticator-page .otcn-auth-main .description {
    width: min(100%, 440px);
    margin-bottom: 28px;
    font-size: 16px;
}

.otcn-authenticator-setup {
    width: min(100%, 440px);
    display: grid;
    gap: 16px;
    margin: 0 auto 30px;
}

.otcn-authenticator-setup .otcn-qr-card {
    width: 188px;
    height: 188px;
    display: flex;
    align-items: center;
    justify-content: center;
    justify-self: center;
    border: 1px solid rgba(247, 248, 248, 0.12);
    border-radius: 18px;
    background: #f7f8f8;
    box-shadow: 0 24px 50px rgba(0, 0, 0, 0.24);
}

.otcn-authenticator-setup .code-control {
    width: 156px;
    height: 156px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: #fff;
}

.otcn-authenticator-setup .code-control img,
.otcn-authenticator-setup .code-control canvas {
    display: block;
}

.otcn-authenticator-setup .otcn-key-panel {
    min-height: 48px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 48px;
    align-items: center;
    overflow: hidden;
    border: 1px solid #293235;
    border-radius: 12px;
    background: #0c0f10;
}

.otcn-authenticator-setup .otcn-key-panel output {
    min-width: 0;
    padding: 0 0 0 16px;
    overflow-wrap: anywhere;
    color: #f7f8f8;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
}

.otcn-authenticator-setup .otcn-key-panel .btn-copy {
    width: 48px;
    height: 48px;
    border-left: 1px solid #293235;
}

.otcn-authenticator-setup .otcn-key-panel .icon-copy {
    background-image: url("/images/icons/copy.svg");
    filter: brightness(0) invert(1);
    opacity: 0.72;
}

.otcn-authenticator-setup .otcn-manual-text {
    margin: 0;
    color: rgba(247, 248, 248, 0.62);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
    text-align: center;
}

.otcn-auth-main .otcn-authenticator-form {
    width: min(100%, 440px);
}

.otcn-auth-main .otcn-authenticator-form .form-group {
    margin-bottom: 28px !important;
}

.otcn-auth-main .otcn-authenticator-form .btn-primary {
    width: 100%;
}

.otcn-auth-main .otcn-skip-action {
    margin: 22px 0 0;
    color: rgba(247, 248, 248, 0.62);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}

.otcn-auth-main .otcn-skip-action a {
    margin-left: 6px;
    color: #f7f8f8;
    font-weight: 900;
}

.otcn-sumsub-page .otcn-auth-main {
    align-items: stretch;
    padding-top: 30px;
}

.otcn-sumsub-page .otcn-auth-main .content-card {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
}

.otcn-sumsub-page .otcn-auth-main .content-title {
    width: min(100%, 640px);
    margin-bottom: 24px !important;
}

.otcn-sumsub-card {
    width: 100%;
    min-height: 620px;
    overflow: hidden;
    border: 1px solid rgba(247, 248, 248, 0.12);
    border-radius: 18px;
    background: #f7f8f8;
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
}

.otcn-sumsub-container {
    width: 100%;
    min-height: 620px;
    background: #f7f8f8;
}

.otcn-sumsub-container iframe {
    display: block;
    width: 100% !important;
    min-height: 620px;
    border: 0;
}

.otcn-sumsub-page .otcn-skip-action {
    width: min(100%, 640px);
    margin: 22px auto 0;
}

.otcn-auth-main .otcn-tfa-resend {
    margin: 24px 0 0;
    color: rgba(247, 248, 248, 0.72);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
}

.otcn-auth-main .otcn-tfa-resend .btn-link {
    border: 0;
    padding: 0;
    background: transparent;
    color: rgba(247, 248, 248, 0.86);
    font-size: inherit;
    font-weight: 800;
}

.otcn-auth-main .otcn-code-group-single {
    grid-template-columns: 1fr;
}

.otcn-tfa-page .otcn-auth-main .otcn-code-group {
    grid-template-columns: minmax(0, 1fr) 112px;
    gap: 12px;
    margin-top: 0;
    margin-bottom: 16px !important;
}

.otcn-tfa-page .otcn-auth-main .otcn-code-group > label {
    grid-column: 1 / -1;
    margin-bottom: -8px;
    font-family: "Sora", "Inter Tight", "Inter Tight Fallback", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.otcn-tfa-page .otcn-auth-main .otcn-code-group .form-control {
    min-height: 46px;
    border-radius: 12px;
}

.otcn-tfa-page .otcn-auth-main .otcn-code-group .form-control input {
    height: 44px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 44px;
}

.otcn-tfa-page .otcn-auth-main .otcn-code-group .input-group-append {
    width: 112px;
}

.otcn-tfa-page .otcn-auth-main .otcn-code-group .btn-send-email,
.otcn-tfa-page .otcn-auth-main .otcn-code-group .btn-send-sms {
    width: 112px;
    min-width: 112px;
    height: 46px;
    border-radius: 12px;
    font-size: 15px;
}

.otcn-tfa-page .otcn-auth-main .otcn-code-group .timer {
    width: 112px;
    font-size: 14px;
}

.otcn-tfa-page .otcn-auth-main .otcn-code-alert {
    grid-column: 1 / -1;
    margin-top: 0px;
    color: rgba(247, 248, 248, 0.58);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.35;
}

.otcn-tfa-page .otcn-auth-main .otcn-code-alert b {
    color: rgba(247, 248, 248, 0.82);
}

.otcn-auth-main .input-group-append {
    display: inline-flex;
    align-items: center;
    align-self: stretch;
    padding-right: 12px;
}

.otcn-auth-main .btn-icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(247, 248, 248, 0.72);
}

.otcn-auth-main .btn-icon:hover,
.otcn-auth-main .btn-icon:focus {
    color: #84e9e8;
}

.otcn-auth-main .btn-icon .icon {
    width: 18px;
    height: 18px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.otcn-auth-main .icon-show {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12S5.8 5.5 12 5.5 21.5 12 21.5 12 18.2 18.5 12 18.5 2.5 12 2.5 12Z' stroke='%23B9C0C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15A3 3 0 1 0 12 9a3 3 0 0 0 0 6Z' stroke='%23B9C0C2' stroke-width='2'/%3E%3C/svg%3E");
}

.otcn-auth-main .icon-hide {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 3 18 18' stroke='%23B9C0C2' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10.6 5.7c.45-.13.92-.2 1.4-.2 6.2 0 9.5 6.5 9.5 6.5a15.2 15.2 0 0 1-3.18 3.87M7.12 7.12C4.14 8.86 2.5 12 2.5 12s3.3 6.5 9.5 6.5c1.6 0 3.01-.43 4.23-1.08' stroke='%23B9C0C2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.9 9.9A3 3 0 0 0 14.1 14.1' stroke='%23B9C0C2' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.otcn-login-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin: 8px 0 30px;
}

.otcn-remember {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    color: rgba(247, 248, 248, 0.72);
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
}

.otcn-remember input {
    width: 20px;
    height: 20px;
    margin: 0;
    border: 2px solid #3b4548;
    border-radius: 4px;
    appearance: none;
    background: transparent;
}

.otcn-remember input:checked {
    border-color: #84e9e8;
    background: #84e9e8;
    box-shadow: inset 0 0 0 4px #0b0d0e;
}

.otcn-login-actions .link {
    color: #f7f8f8;
    font-size: 15px;
    font-weight: 800;
}

.otcn-login-register {
    margin-top: 26px;
    color: rgba(247, 248, 248, 0.72);
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.otcn-login-register .link {
    margin-left: 8px;
    color: #d7dddd;
    font-size: 14px;
    font-weight: 500;
}

.otcn-auth-main .form-group {
    margin-bottom: 32px !important;
}

.otcn-auth-main .form-group,
.otcn-auth-main .form {
    min-width: 0;
}

.otcn-auth-main .form-group label {
    display: block;
    margin-bottom: 8px;
    color: rgba(247, 248, 248, 0.72);
    font-family: "Sora", "Inter Tight", "Inter Tight Fallback", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.otcn-auth-main .form-control {
    min-height: 48px;
    display: flex;
    align-items: center;
    overflow: hidden;
    border: 1px solid #293235;
    border-radius: 12px;
    background: #0c0f10;
}

.otcn-auth-main .form-control:focus-within {
    border-color: #5be7e7;
    background: #0d1112;
}

.otcn-auth-main .form-control input,
.otcn-auth-main .form-control select {
    width: 100%;
    min-width: 0;
    height: 46px;
    padding: 0 16px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #f8faf9;
    font-size: 15px;
    font-weight: 600;
    line-height: 46px;
}

.otcn-auth-main .form-control select option {
    background-color: #0c0f10;
    color: #f8faf9;
}

.otcn-auth-main .form-control select option:checked {
    background-color: #142021;
    color: #ffffff;
}

.otcn-auth-main .form-control input::placeholder {
    color: rgba(247, 248, 248, 0.32);
}

.otcn-auth-main {
    --otcn-autofill-bg: #15292a;
    --otcn-autofill-text: #f8faf9;
}

.otcn-auth-main input:-webkit-autofill,
.otcn-auth-main input:-webkit-autofill:hover,
.otcn-auth-main input:-webkit-autofill:focus,
.otcn-auth-main input:-webkit-autofill:active,
.otcn-auth-main select:-webkit-autofill,
.otcn-auth-main textarea:-webkit-autofill {
    -webkit-text-fill-color: var(--otcn-autofill-text);
    -webkit-box-shadow: 0 0 0 1000px var(--otcn-autofill-bg) inset;
    box-shadow: 0 0 0 1000px var(--otcn-autofill-bg) inset;
    caret-color: var(--otcn-autofill-text);
    transition: background-color 100000s ease-in-out 0s;
}

.otcn-auth-main input:autofill,
.otcn-auth-main select:autofill,
.otcn-auth-main textarea:autofill {
    -webkit-text-fill-color: var(--otcn-autofill-text);
    box-shadow: 0 0 0 1000px var(--otcn-autofill-bg) inset;
    caret-color: var(--otcn-autofill-text);
}

.otcn-auth-main .form-control:has(input:-webkit-autofill) {
    background: var(--otcn-autofill-bg);
}

.otcn-auth-main .form-control:has(input:autofill) {
    background: var(--otcn-autofill-bg);
}

.otcn-auth-main .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    width: 100%;
    border: 0;
    border-radius: 14px;
    background: #ff4a1f;
    color: #fff !important;
    font-size: 17px;
    font-weight: 800;
}

.otcn-auth-main .captcha-group {
    width: min(100%, 300px);
    margin: 0;
}

.otcn-auth-main .btn-primary:hover,
.otcn-auth-main .btn-primary:focus {
    background: #ff6139;
}

.otcn-auth-main .btn-secondary,
.otcn-auth-main .btn-send-code,
.otcn-auth-main .btn-send-email,
.otcn-auth-main .btn-send-sms {
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(247, 248, 248, 0.88);
    border-radius: 12px;
    background: transparent;
    color: #f8faf9 !important;
    font-size: 15px;
    font-weight: 800;
}

.otcn-auth-main .otcn-code-group {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 168px;
    gap: 28px;
    align-items: end;
    margin-top: 54px;
}

.otcn-auth-main .otcn-code-group > label,
.otcn-auth-main .otcn-code-group > .form-control,
.otcn-auth-main .otcn-code-group > .sub-text,
.otcn-auth-main .otcn-code-group > span[data-valmsg-for] {
    grid-column: 1;
}

.otcn-auth-main .otcn-code-group > label {
    margin-bottom: -18px;
    color: rgba(247, 248, 248, 0.76);
    font-family: "Sora", "Inter Tight", "Inter Tight Fallback", sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
}

.otcn-auth-main .otcn-code-group .form-control {
    min-height: 80px;
    border-radius: 18px;
}

.otcn-auth-main .otcn-code-group .form-control input {
    height: 78px;
    padding: 0 28px;
    color: #f7f8f8;
    font-size: 24px;
    font-weight: 800;
    line-height: 78px;
}

.otcn-auth-main .otcn-code-group .form-control input::placeholder {
    color: rgba(247, 248, 248, 0.28);
}

.otcn-auth-main .otcn-code-group .input-group-prepend,
.otcn-auth-main .otcn-code-group .input-group-append {
    width: 168px;
    grid-column: 2;
    grid-row: 2;
    align-self: stretch;
    display: flex;
}

.otcn-auth-main .otcn-code-group .btn-send-code,
.otcn-auth-main .otcn-code-group .btn-send-email,
.otcn-auth-main .otcn-code-group .btn-send-sms {
    width: 168px;
    height: 80px;
    min-width: 168px;
    border-radius: 18px;
    background: #f7f8f8;
    color: #0b0d0e !important;
    font-size: 22px;
    font-weight: 900;
}

.otcn-auth-main .otcn-code-group .timer {
    align-items: center;
    justify-content: center;
    width: 168px;
    color: rgba(247, 248, 248, 0.78);
    font-size: 16px;
    font-weight: 700;
}

.otcn-auth-main .btn-send-code,
.otcn-auth-main .btn-send-email,
.otcn-auth-main .btn-send-sms {
    min-width: 122px;
    margin: 0;
    border: 0;
    background: #f4f7f7;
    color: #0b0d0e !important;
}

.otcn-auth-main .link,
.otcn-auth-main a {
    color: #d7dddd;
    font-weight: 800;
}

.otcn-auth-main .link-group {
    margin-top: 26px;
    color: rgba(247, 248, 248, 0.72);
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.otcn-auth-main .link-group .text {
    margin: 0;
}

.otcn-auth-main .link-group .link {
    margin-left: 8px;
    font-size: 16px;
    font-weight: 900;
}

.otcn-auth-main .link-group .link:hover,
.otcn-auth-main .link-group .link:focus,
.otcn-login-register .link:hover,
.otcn-login-register .link:focus {
    color: #ff4a1f;
}

.otcn-auth-main .orline {
    margin: 18px 0 !important;
    color: rgba(247, 248, 248, 0.72);
}

.otcn-auth-main .captcha-group,
.otcn-auth-main .g-recaptcha,
.otcn-auth-main .h-captcha,
.otcn-auth-main .cf-turnstile {
    width: min(100%, 300px);
    min-height: 65px;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.otcn-auth-main .cf-turnstile > div,
.otcn-auth-main .cf-turnstile iframe,
.otcn-auth-main .g-recaptcha > div,
.otcn-auth-main .g-recaptcha iframe,
.otcn-auth-main .h-captcha > div,
.otcn-auth-main .h-captcha iframe {
    width: 300px !important;
    max-width: 100%;
}

.otcn-auth-main .captcha-group + .btn-primary {
    margin-top: 20px;
}

.otcn-auth-main .cf-turnstile > div,
.otcn-auth-main .g-recaptcha > div,
.otcn-auth-main .h-captcha > div {
    line-height: 0;
}

.otcn-auth-main .cf-turnstile iframe,
.otcn-auth-main .g-recaptcha iframe,
.otcn-auth-main .h-captcha iframe {
    display: block;
    max-height: 65px;
}

.otcn-auth-main .option-control {
    display: grid;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.otcn-auth-main .option-control li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    color: rgba(247, 248, 248, 0.76);
}

.otcn-auth-main .option-control input {
    width: 20px;
    height: 20px;
    margin: 0;
    accent-color: #5be7e7;
}

.otcn-stepper {
    width: min(100%, 600px);
    margin: 0 auto 30px;
}

.otcn-stepper-track {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin: 0 44px 34px;
}

.otcn-stepper-track:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 2px;
    background: linear-gradient(90deg, #84e9e8 var(--otcn-step-progress, 0%), #3a4245 var(--otcn-step-progress, 0%));
    transform: translateY(-50%);
}

.otcn-stepper-progress-1 {
    --otcn-step-progress: 16.666%;
}

.otcn-stepper-progress-2 {
    --otcn-step-progress: 50%;
}

.otcn-stepper-progress-3 {
    --otcn-step-progress: 83.333%;
}

.otcn-stepper-progress-4 {
    --otcn-step-progress: 100%;
}

.otcn-stepper-track span {
    width: 24px;
    height: 24px;
    z-index: 1;
    display: block;
    position: relative;
    border: 2px solid #3a4245;
    border-radius: 50%;
    background: #0b0d0e;
    box-shadow: none;
}

.otcn-stepper-track span:before {
    content: "";
    width: 12px;
    height: 12px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    background: #30393c;
    transform: translate(-50%, -50%);
}

.otcn-stepper-track span.is-active {
    width: 24px;
    height: 24px;
    border-color: #f7f8f8;
    background: #0b0d0e;
    box-shadow: none;
}

.otcn-stepper-track span.is-complete:before,
.otcn-stepper-track span.is-active:before {
    background: #84e9e8;
}

.otcn-stepper-track span.is-complete {
    border-color: #84e9e8;
}

.otcn-stepper-labels {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    color: rgba(247, 248, 248, 0.38);
    font-size: 12px;
    font-weight: 800;
    text-align: center;
}

.otcn-stepper-labels span {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1 1 0;
    white-space: nowrap;
}

.otcn-stepper-labels span.is-active,
.otcn-stepper-labels span.is-complete {
    color: #84e9e8;
}

.otcn-step-icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    display: inline-block;
    color: currentColor;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.otcn-visual-icon {
    width: 164px;
    height: 164px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 36px;
    border-radius: 50%;
    background: radial-gradient(circle at 45% 35%, rgba(108, 144, 255, 0.2), transparent 46%);
}

.otcn-visual-icon span {
    width: 96px;
    height: 96px;
    display: block;
    position: relative;
    border: 2px solid rgba(238, 245, 255, 0.82);
    border-radius: 28px;
    box-shadow: inset 0 0 24px rgba(42, 81, 180, 0.5), 0 0 22px rgba(255, 74, 31, 0.22);
}

.otcn-visual-success span {
    border: 0;
    border-radius: 0;
    background: url("/images/otcn-icon-password-created.png?v=2") center / contain no-repeat;
    box-shadow: none;
}

.otcn-visual-lock span {
    border-radius: 18px;
}

.otcn-visual-lock span:before {
    content: "";
    position: absolute;
    width: 52px;
    height: 42px;
    left: 20px;
    top: -38px;
    border: 8px solid rgba(247, 248, 248, 0.82);
    border-bottom: 0;
    border-radius: 26px 26px 0 0;
}

.otcn-visual-lock span:after,
.otcn-visual-shield span:after {
    content: "*";
    position: absolute;
    inset: 0;
    color: #ff4a1f;
    font-size: 58px;
    font-weight: 900;
    line-height: 104px;
    text-align: center;
}

.otcn-visual-shield span {
    border-radius: 44px 44px 54px 54px;
    background: radial-gradient(circle at 50% 35%, rgba(255, 74, 31, 0.9), rgba(255, 74, 31, 0.15) 56%, transparent 57%);
}

.otcn-auth-main .otcn-visual-forgot-password,
.otcn-auth-main .otcn-visual-email-verified,
.otcn-auth-main .otcn-visual-connection-expired,
.otcn-auth-main .otcn-visual-password-created,
.otcn-auth-main .otcn-visual-set-password,
.otcn-auth-main .otcn-visual-success,
.otcn-auth-main .otcn-visual-account-created,
.otcn-auth-main .otcn-visual-new-password,
.otcn-auth-main .otcn-visual-email-pending,
.otcn-auth-main .otcn-visual-verification-code {
    width: 184px;
    height: 184px;
    margin-bottom: 28px;
    background: none;
}

.otcn-auth-main .otcn-visual-forgot-password span,
.otcn-auth-main .otcn-visual-email-verified span,
.otcn-auth-main .otcn-visual-connection-expired span,
.otcn-auth-main .otcn-visual-password-created span,
.otcn-auth-main .otcn-visual-set-password span,
.otcn-auth-main .otcn-visual-success span,
.otcn-auth-main .otcn-visual-account-created span,
.otcn-auth-main .otcn-visual-new-password span,
.otcn-auth-main .otcn-visual-email-pending span,
.otcn-auth-main .otcn-visual-verification-code span {
    width: 184px;
    height: 184px;
    border: 0;
    border-radius: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: none;
}

.otcn-auth-main .otcn-visual-forgot-password span:before,
.otcn-auth-main .otcn-visual-forgot-password span:after,
.otcn-auth-main .otcn-visual-email-verified span:before,
.otcn-auth-main .otcn-visual-email-verified span:after,
.otcn-auth-main .otcn-visual-connection-expired span:before,
.otcn-auth-main .otcn-visual-connection-expired span:after,
.otcn-auth-main .otcn-visual-password-created span:before,
.otcn-auth-main .otcn-visual-password-created span:after,
.otcn-auth-main .otcn-visual-set-password span:before,
.otcn-auth-main .otcn-visual-set-password span:after,
.otcn-auth-main .otcn-visual-success span:before,
.otcn-auth-main .otcn-visual-success span:after,
.otcn-auth-main .otcn-visual-account-created span:before,
.otcn-auth-main .otcn-visual-account-created span:after,
.otcn-auth-main .otcn-visual-new-password span:before,
.otcn-auth-main .otcn-visual-new-password span:after,
.otcn-auth-main .otcn-visual-email-pending span:before,
.otcn-auth-main .otcn-visual-email-pending span:after,
.otcn-auth-main .otcn-visual-verification-code span:before,
.otcn-auth-main .otcn-visual-verification-code span:after {
    content: none;
}

.otcn-auth-main .otcn-visual-forgot-password span {
    background-image: url("/images/otcn-icon-forgot-password.png?v=2");
}

.otcn-auth-main .otcn-visual-email-verified span {
    background-image: url("/images/otcn-icon-email-verified.png?v=2");
}

.otcn-auth-main .otcn-visual-connection-expired span {
    background-image: url("/images/otcn-icon-connection-expired.png?v=2");
}

.otcn-auth-main .otcn-visual-password-created span {
    background-image: url("/images/otcn-icon-password-created.png?v=2");
}

.otcn-auth-main .otcn-visual-set-password span {
    background-image: url("/images/otcn-icon-set-password.png?v=2");
}

.otcn-auth-main .otcn-visual-success span {
    background-image: url("/images/otcn-icon-password-created.png?v=2");
}

.otcn-auth-main .otcn-visual-verification-code span {
    background-image: url("/images/otcn-icon-verification-code.png?v=2");
}

.otcn-auth-main .otcn-visual-account-created span {
    background-image: url("/images/otcn-icon-account-created.png?v=2");
}

.otcn-auth-main .otcn-visual-new-password span {
    background-image: url("/images/otcn-icon-new-password.png?v=2");
}

.otcn-auth-main .otcn-visual-email-pending span {
    background-image: url("/images/otcn-icon-email-pending.png?v=2");
}

.otcn-auth-main .alert-field {
    background: transparent;
    text-align: center;
}

.otcn-auth-main .otcn-success-card {
    width: min(100%, 604px) !important;
    max-width: 604px !important;
}

.otcn-auth-main .otcn-success-card .card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 620px;
    justify-content: center;
}

.otcn-auth-main .otcn-success-card .otcn-visual-icon {
    width: 184px;
    height: 184px;
    position: relative;
    margin-bottom: 38px;
    background: none;
}

.otcn-auth-main .otcn-success-card .otcn-visual-success span {
    width: 156px;
    height: 156px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.otcn-auth-main .otcn-success-card .otcn-visual-success span:before {
    content: "";
    width: 92px;
    height: 72px;
    position: absolute;
    left: 18px;
    top: 66px;
    border: 3px solid rgba(226, 238, 255, 0.84);
    border-radius: 56px 56px 22px 22px;
    background: radial-gradient(circle at 48% 25%, #111b34 0, #030916 62%, #01040a 100%);
    box-shadow:
        inset 0 0 18px rgba(112, 151, 255, 0.58),
        0 0 14px rgba(226, 238, 255, 0.38);
    transform: none;
    filter: none;
}

.otcn-auth-main .otcn-success-card .otcn-visual-success span:after {
    content: "";
    width: 58px;
    height: 58px;
    position: absolute;
    left: 36px;
    top: 14px;
    border: 3px solid rgba(226, 238, 255, 0.9);
    border-radius: 50%;
    background: radial-gradient(circle at 35% 28%, #eef5ff 0, #16213d 22%, #030916 68%, #01040a 100%);
    box-shadow:
        inset 0 0 16px rgba(112, 151, 255, 0.62),
        0 0 14px rgba(226, 238, 255, 0.42);
}

.otcn-auth-main .otcn-success-card .otcn-visual-icon:after {
    content: "";
    width: 82px;
    height: 42px;
    position: absolute;
    margin-left: 68px;
    margin-top: 52px;
    border-left: 12px solid #ff4a1f;
    border-bottom: 12px solid #ff4a1f;
    border-radius: 9px;
    transform: rotate(-45deg);
    filter: drop-shadow(0 0 7px rgba(255, 74, 31, 0.95));
}

.otcn-auth-main .otcn-success-card .otcn-visual-success span {
    width: 184px;
    height: 184px;
    background-image: url("/images/otcn-icon-password-created.png?v=2");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.otcn-auth-main .otcn-success-card .otcn-visual-success span:before,
.otcn-auth-main .otcn-success-card .otcn-visual-success span:after,
.otcn-auth-main .otcn-success-card .otcn-visual-icon:after {
    content: none;
}

.otcn-auth-main .otcn-success-card .content-title {
    width: min(100%, 520px);
    margin-bottom: 20px !important;
    font-size: 30px;
    line-height: 1.16;
}

.otcn-auth-main .otcn-success-card .description {
    width: min(100%, 520px);
    margin-bottom: 68px;
    font-size: 18px;
    line-height: 1.42;
}

.otcn-auth-main .otcn-success-card .btn-primary {
    width: min(100%, 440px);
    height: 50px;
    border-radius: 12px;
    font-size: 17px;
}

.otcn-invalid-token-page.otcn-auth-page.alert-content {
    background: #10151b;
}

.otcn-invalid-token-page .otcn-auth-shell {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 84px);
    padding: 24px;
    background: transparent;
    border-radius: 0;
}

.otcn-invalid-token-page .otcn-auth-side {
    display: none;
}

.otcn-invalid-token-page .otcn-auth-main {
    width: 100%;
    min-height: 0;
    padding: 0;
    align-items: center;
}

.otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-card {
    width: min(100%, 510px) !important;
    max-width: 510px !important;
    position: relative;
    overflow: hidden;
    border: 1px solid #24304a !important;
    border-radius: 20px !important;
    background: #0e1116 !important;
}

.otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-card .card-body {
    min-height: 502px;
    padding: 34px 66px 28px !important;
    justify-content: flex-start;
}

.otcn-invalid-token-logo {
    width: 108px;
    height: 21px;
    align-self: flex-start;
    margin-bottom: 29px;
    background: url("/images/logos/otcn.svg") left center / contain no-repeat;
}

.otcn-invalid-token-page .otcn-auth-main .otcn-success-card .otcn-visual-icon {
    width: 143px;
    height: 143px;
    margin-bottom: 31px;
}

.otcn-invalid-token-page .otcn-auth-main .otcn-visual-connection-expired span {
    width: 143px;
    height: 143px;
}

.otcn-invalid-token-page .otcn-auth-main .otcn-success-card .content-title {
    width: 100%;
    margin-bottom: 15px !important;
    color: #f5f7fb;
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
}

.otcn-invalid-token-page .otcn-auth-main .otcn-success-card .description {
    width: 100%;
    margin-bottom: 22px;
    color: #d4d7df;
    font-size: 16px;
    line-height: 23px;
}

.otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-action {
    width: 100%;
    height: 54px;
    gap: 21px;
    border-radius: 12px;
    background: #ff4b1f;
    font-size: 18px;
    font-weight: 600;
}

.otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-action span {
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 26px;
    line-height: 1;
}

.otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-signin {
    margin-top: 29px;
    color: #22bfd7;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: underline;
}

.otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-signin:hover,
.otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-signin:focus-visible {
    color: #5fd9eb;
}

.otcn-invalid-token-close {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 19px;
    right: 17px;
    z-index: 1;
    border-radius: 8px;
}

.otcn-invalid-token-close:before,
.otcn-invalid-token-close:after {
    content: "";
    width: 15px;
    height: 2px;
    position: absolute;
    left: 8px;
    top: 15px;
    border-radius: 2px;
    background: #a9b1c2;
}

.otcn-invalid-token-close:before {
    transform: rotate(45deg);
}

.otcn-invalid-token-close:after {
    transform: rotate(-45deg);
}

.otcn-invalid-token-close:hover,
.otcn-invalid-token-close:focus-visible {
    background: rgba(255, 255, 255, 0.06);
}

.otcn-auth-main .alert-caption {
    color: #f7f8f8;
    font-size: 30px;
}

.otcn-auth-main .alert-message,
.otcn-auth-main .sub-text,
.otcn-auth-main span[data-valmsg-for],
.otcn-auth-main .form-error {
    color: rgba(247, 248, 248, 0.72);
}

.otcn-auth-main span.field-validation-error,
.otcn-auth-main .form-error:not(.field-validation-valid) {
    color: #ff4f78;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page.login),
html[data-theme="theme-light"] body:has(.otcn-auth-page.register),
html[data-theme="theme-light"] body:has(.otcn-auth-page.otcn-authenticator-page) {
    background: #f7f8fa;
    color: #0e0f10;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page.login) .header,
html[data-theme="theme-light"] body:has(.otcn-auth-page.register) .header,
html[data-theme="theme-light"] body:has(.otcn-auth-page.otcn-authenticator-page) .header {
    background: transparent !important;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page.login) .nav-link,
html[data-theme="theme-light"] body:has(.otcn-auth-page.register) .nav-link,
html[data-theme="theme-light"] body:has(.otcn-auth-page.otcn-authenticator-page) .nav-link {
    color: #0e0f10;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page.login) .nav-menu,
html[data-theme="theme-light"] body:has(.otcn-auth-page.register) .nav-menu,
html[data-theme="theme-light"] body:has(.otcn-auth-page.otcn-authenticator-page) .nav-menu {
    border-color: #e4e7ea !important;
    background: #ffffff !important;
    box-shadow: 0 18px 40px rgba(14, 15, 16, 0.12) !important;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page.login) .nav-menu .menu-link,
html[data-theme="theme-light"] body:has(.otcn-auth-page.register) .nav-menu .menu-link,
html[data-theme="theme-light"] body:has(.otcn-auth-page.otcn-authenticator-page) .nav-menu .menu-link {
    color: #4b5563;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page.login) .nav-menu .menu-link:hover,
html[data-theme="theme-light"] body:has(.otcn-auth-page.login) .nav-menu .menu-link:focus,
html[data-theme="theme-light"] body:has(.otcn-auth-page.register) .nav-menu .menu-link:hover,
html[data-theme="theme-light"] body:has(.otcn-auth-page.register) .nav-menu .menu-link:focus,
html[data-theme="theme-light"] body:has(.otcn-auth-page.otcn-authenticator-page) .nav-menu .menu-link:hover,
html[data-theme="theme-light"] body:has(.otcn-auth-page.otcn-authenticator-page) .nav-menu .menu-link:focus {
    background: #f4f7f8;
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login,
html[data-theme="theme-light"] .otcn-auth-page.register,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page {
    background: #f7f8fa;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-shell,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-shell,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-shell {
    background: #ffffff;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-side,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-side,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-side {
    border-color: #e4e7ea;
    background: #f8fafb url("/images/otcn-auth-side-light.png") center / cover no-repeat;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-market-card,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-help-card,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-market-card,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-help-card,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-market-card,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-help-card {
    border-color: rgba(228, 231, 234, 0.9);
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 24px 60px rgba(14, 15, 16, 0.08);
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-market-card h2,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-help-card h2,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-market-card h2,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-help-card h2,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-market-card h2,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-help-card h2 {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-market-card p,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-help-card p,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-market-card p,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-help-card p,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-market-card p,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-help-card p {
    color: #4b5563;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .content-title,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .content-title,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .content-title {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .description,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .description,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .description {
    color: #111827;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .form-group label,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .form-group label,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .form-group label {
    color: #4b5563;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .form-control,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .form-control,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .form-control {
    border-color: #e4e7ea;
    background: #ffffff;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .form-control:focus-within,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .form-control:focus-within,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .form-control:focus-within {
    border-color: #0e0f10;
    background: #ffffff;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .form-control input,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .form-control select,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .form-control input,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .form-control select,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .form-control input,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .form-control select {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .form-control input::placeholder,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .form-control input::placeholder,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .form-control input::placeholder {
    color: #9ca3af;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .form-control select option,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .form-control select option,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .form-control select option {
    background-color: #ffffff;
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .form-control select option:checked,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .form-control select option:checked,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .form-control select option:checked {
    background-color: #f4f7f8;
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main {
    --otcn-autofill-bg: #f4f7f8;
    --otcn-autofill-text: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main {
    --otcn-autofill-bg: #f4f7f8;
    --otcn-autofill-text: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .phone-control .phone-country,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .phone-control .phone-country {
    border-right-color: #e4e7ea;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .phone-country-enhanced .phone-country-trigger,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .phone-country-enhanced .phone-country-trigger {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .phone-country-caret,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .phone-country-caret {
    border-top-color: #4b5563;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .phone-country-panel,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .phone-country-panel {
    border-color: #e4e7ea;
    background: #ffffff;
    box-shadow: 0 18px 40px rgba(14, 15, 16, 0.12);
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .phone-country-panel .phone-country-search input,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .phone-country-panel .phone-country-search input {
    border-color: #e4e7ea;
    background: #ffffff;
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .phone-country-option,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .phone-country-option {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .phone-country-option.is-active,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .phone-country-option.is-active {
    background: #f4f7f8;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .phone-country-option[aria-selected="true"] .phone-country-option-name,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .phone-country-option[aria-selected="true"] .phone-country-option-name {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .phone-country-option-dial,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .phone-country-option-dial,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .phone-country-empty,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .phone-country-empty {
    color: #6b7280;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .btn-icon,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .btn-icon,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .btn-icon {
    color: #6b7280;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .btn-icon:hover,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .btn-icon:focus,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .btn-icon:hover,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .btn-icon:focus,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .btn-icon:hover,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .btn-icon:focus {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .btn-send-code,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .btn-send-email,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .btn-send-sms,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .btn-send-code,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .btn-send-email,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .btn-send-sms,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .btn-send-code,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .btn-send-email,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .btn-send-sms {
    background: #0e0f10;
    color: #f4f7f8 !important;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .icon-show {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 12S5.8 5.5 12 5.5 21.5 12 21.5 12 18.2 18.5 12 18.5 2.5 12 2.5 12Z' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 15A3 3 0 1 0 12 9a3 3 0 0 0 0 6Z' stroke='%236B7280' stroke-width='2'/%3E%3C/svg%3E");
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .icon-hide {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3 3 18 18' stroke='%236B7280' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M10.6 5.7c.45-.13.92-.2 1.4-.2 6.2 0 9.5 6.5 9.5 6.5a15.2 15.2 0 0 1-3.18 3.87M7.12 7.12C4.14 8.86 2.5 12 2.5 12s3.3 6.5 9.5 6.5c1.6 0 3.01-.43 4.23-1.08' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.9 9.9A3 3 0 0 0 14.1 14.1' stroke='%236B7280' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-remember {
    color: #4b5563;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-remember input {
    border-color: #d1d5db;
    background: #ffffff;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-remember input:checked {
    border-color: #0e0f10;
    background: #0e0f10;
    box-shadow: inset 0 0 0 4px #ffffff;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-login-actions .link,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-login-register .link,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .link,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .link {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-login-register {
    color: #4b5563;
}

html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .link-group,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .link-group {
    color: #4b5563;
}

html[data-theme="theme-light"] .otcn-auth-page.register .otcn-stepper-track:before {
    background: linear-gradient(90deg, #0e0f10 var(--otcn-step-progress, 0%), #e4e7ea var(--otcn-step-progress, 0%));
}

html[data-theme="theme-light"] .otcn-auth-page.register .otcn-stepper-track span {
    border-color: #d9dee5;
    background: #ffffff;
}

html[data-theme="theme-light"] .otcn-auth-page.register .otcn-stepper-track span:before {
    background: #cbd3dd;
}

html[data-theme="theme-light"] .otcn-auth-page.register .otcn-stepper-track span.is-active {
    border-color: #0e0f10;
    background: #ffffff;
}

html[data-theme="theme-light"] .otcn-auth-page.register .otcn-stepper-track span.is-complete {
    border-color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.register .otcn-stepper-track span.is-complete:before,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-stepper-track span.is-active:before {
    background: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.register .otcn-stepper-labels {
    color: #9aa3b2;
}

html[data-theme="theme-light"] .otcn-auth-page.register .otcn-stepper-labels span.is-active,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-stepper-labels span.is-complete {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .alert-message,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .sub-text,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main span[data-valmsg-for],
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .form-error,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .alert-message,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .sub-text,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main span[data-valmsg-for],
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .form-error,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .alert-message,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .sub-text,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main span[data-valmsg-for],
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .form-error {
    color: #6b7280;
}

html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main span.field-validation-error,
html[data-theme="theme-light"] .otcn-auth-page.login .otcn-auth-main .form-error:not(.field-validation-valid),
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main span.field-validation-error,
html[data-theme="theme-light"] .otcn-auth-page.register .otcn-auth-main .form-error:not(.field-validation-valid),
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main span.field-validation-error,
html[data-theme="theme-light"] .otcn-auth-page.otcn-authenticator-page .otcn-auth-main .form-error:not(.field-validation-valid) {
    color: #e11d48;
}

html[data-theme="theme-light"] .otcn-authenticator-setup .otcn-qr-card {
    border-color: #e4e7ea;
    box-shadow: 0 18px 40px rgba(14, 15, 16, 0.1);
}

html[data-theme="theme-light"] .otcn-authenticator-setup .otcn-key-panel {
    border-color: #e4e7ea;
    background: #ffffff;
}

html[data-theme="theme-light"] .otcn-authenticator-setup .otcn-key-panel output {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-authenticator-setup .otcn-key-panel .btn-copy {
    border-left-color: #e4e7ea;
}

html[data-theme="theme-light"] .otcn-authenticator-setup .otcn-key-panel .icon-copy {
    filter: brightness(0);
    opacity: 0.55;
}

html[data-theme="theme-light"] .otcn-authenticator-setup .otcn-manual-text {
    color: #4b5563;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .otcn-toast-placeholder .otcn-toast-message {
    --otcn-toast-surface: #e9f8f3;
    --otcn-toast-title: #0f121a;
    --otcn-toast-description: #4f5c75;
    box-shadow: 0 18px 44px rgba(14, 15, 16, 0.1);
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .otcn-toast-placeholder .otcn-toast-danger {
    --otcn-toast-surface: #ffedf0;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .otcn-toast-placeholder .otcn-toast-warning {
    --otcn-toast-surface: #fffbee;
    --otcn-toast-accent: #d4a72c;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .otcn-toast-placeholder .otcn-toast-info {
    --otcn-toast-surface: #f2f7fe;
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .otcn-toast-placeholder .alert-close {
    background: rgba(15, 18, 26, 0.06);
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .otcn-toast-placeholder .alert-close:hover,
html[data-theme="theme-light"] body:has(.otcn-auth-page) .otcn-toast-placeholder .alert-close:focus {
    background: rgba(15, 18, 26, 0.12);
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .otcn-toast-placeholder .alert-close .icon {
    opacity: 0.72;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230E0F10' d='M28.5 26l-10-10 10-10c.7-.7.7-1.8 0-2.5-.7-.7-1.8-.7-2.5 0l-10 10-10-10c-.7-.7-1.8-.7-2.5 0-.7.7-.7 1.8 0 2.5l10 10-10 10c-.7.7-.7 1.8 0 2.5.7.7 1.8.7 2.5 0l10-10 10 10c.7.7 1.8.7 2.5 0 .7-.7.7-1.8 0-2.5z'/%3E%3C/svg%3E");
}

@media (max-width: 1180px) {
    .otcn-auth-shell {
        grid-template-columns: minmax(320px, 40%) minmax(360px, 1fr);
        gap: 32px;
    }

    .otcn-auth-main {
        padding: 44px 24px;
    }

    .otcn-market-card h2,
    .otcn-help-card h2 {
        font-size: 28px;
    }
}

@media (max-width: 900px) {
    body:has(.otcn-auth-page) .header {
        height: 80px;
    }

    .otcn-auth-page.auth-content,
    .otcn-auth-page.alert-content {
        top: auto !important;
        min-height: calc(100vh - 64px);
        padding: 0 8px 8px !important;
    }

    .otcn-auth-shell {
        min-height: calc(100vh - 72px);
        display: block;
        padding: 20px;
        border-radius: 22px;
    }

    .otcn-auth-side {
        display: none;
    }

    .otcn-auth-main {
        min-height: calc(100vh - 128px);
        padding: 28px 0;
    }

    .otcn-auth-main .content-card {
        width: 100%;
    }

    .otcn-stepper {
        margin-bottom: 44px;
    }

    .otcn-stepper-track {
        margin: 0 28px 16px;
    }

    .otcn-stepper-labels {
        font-size: 13px;
        gap: 6px;
    }

    .otcn-stepper-labels span {
        gap: 5px;
        white-space: normal;
        line-height: 1.18;
    }

    .otcn-auth-main .otcn-code-group {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 36px;
    }

    .otcn-auth-main .otcn-code-group .input-group-prepend,
    .otcn-auth-main .otcn-code-group .input-group-append {
        width: 100%;
        grid-column: 1;
        grid-row: auto;
        padding-right: 0;
    }

    .otcn-auth-main .otcn-code-group .btn-send-code,
    .otcn-auth-main .otcn-code-group .btn-send-email,
    .otcn-auth-main .otcn-code-group .btn-send-sms {
        width: 100%;
        min-width: 0;
    }

    .otcn-tfa-page .otcn-auth-main .otcn-code-group {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .otcn-tfa-page .otcn-auth-main .otcn-code-group .input-group-append,
    .otcn-tfa-page .otcn-auth-main .otcn-code-group .btn-send-email,
    .otcn-tfa-page .otcn-auth-main .otcn-code-group .btn-send-sms,
    .otcn-tfa-page .otcn-auth-main .otcn-code-group .timer {
        width: 100%;
        min-width: 0;
    }

    .otcn-tfa-page .otcn-auth-main .otcn-code-group .btn-send-email,
    .otcn-tfa-page .otcn-auth-main .otcn-code-group .btn-send-sms {
        height: 46px;
    }

    .otcn-auth-main .otcn-email-form {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .otcn-market-card h2,
    .otcn-help-card h2 {
        font-size: 30px;
    }

    .otcn-auth-main .otcn-success-card .card-body {
        min-height: auto;
    }

    .otcn-auth-main .otcn-success-card .content-title {
        font-size: 26px;
    }

    .otcn-auth-main .otcn-success-card .description {
        margin-bottom: 42px;
        font-size: 16px;
    }

    .otcn-auth-main .otcn-success-card .btn-primary {
        height: 50px;
        font-size: 16px;
    }

    .otcn-invalid-token-page.otcn-auth-page.alert-content {
        padding: 0 12px 12px !important;
    }

    .otcn-invalid-token-page .otcn-auth-shell {
        min-height: calc(100vh - 72px);
        padding: 0;
    }

    .otcn-invalid-token-page .otcn-auth-main {
        min-height: calc(100vh - 72px);
        padding: 0;
    }

    .otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-card .card-body {
        min-height: 480px;
        padding: 32px 28px 28px !important;
    }

    .otcn-invalid-token-page .otcn-auth-main .otcn-success-card .content-title {
        font-size: 26px;
        line-height: 32px;
    }
}

@media (max-width: 520px) {
    body:has(.otcn-auth-page) .header .container-fluid {
        padding: 0 20px;
    }

    body:has(.otcn-auth-page) .header .row {
        justify-content: flex-start;
    }

    body:has(.otcn-auth-page) .navbar-logo:before {
        content: none;
    }

    body:has(.otcn-auth-page) .navbar-logo:after {
        content: none;
    }

    .otcn-auth-page.auth-content,
    .otcn-auth-page.alert-content {
        padding: 0 8px 8px !important;
    }

    .otcn-auth-shell {
        padding: 20px;
    }

    .otcn-auth-main .content-title {
        font-size: 25px;
    }

    .otcn-auth-main .description {
        margin-bottom: 44px;
        font-size: 16px;
    }

    .otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-card .card-body {
        padding: 28px 22px 26px !important;
    }

    .otcn-invalid-token-logo {
        margin-bottom: 22px;
    }

    .otcn-invalid-token-page .otcn-auth-main .otcn-success-card .otcn-visual-icon {
        width: 126px;
        height: 126px;
        margin-bottom: 24px;
    }

    .otcn-invalid-token-page .otcn-auth-main .otcn-visual-connection-expired span {
        width: 126px;
        height: 126px;
    }

    .otcn-invalid-token-page .otcn-auth-main .otcn-success-card .description {
        margin-bottom: 22px;
    }

    .otcn-authenticator-page .otcn-auth-main {
        padding-top: 22px;
    }

    .otcn-authenticator-page .otcn-auth-main .description {
        margin-bottom: 22px;
    }

    .otcn-authenticator-setup {
        margin-bottom: 24px;
    }

    .otcn-authenticator-setup .otcn-qr-card {
        width: 176px;
        height: 176px;
    }

    .otcn-authenticator-setup .otcn-key-panel output {
        font-size: 14px;
    }

    .otcn-sumsub-page .otcn-auth-main {
        padding-top: 22px;
    }

    .otcn-sumsub-page .otcn-auth-main .content-title {
        margin-bottom: 18px !important;
    }

    .otcn-sumsub-card,
    .otcn-sumsub-container,
    .otcn-sumsub-container iframe {
        min-height: 560px;
    }

    .otcn-stepper-labels {
        display: none;
    }
}

.otcn-kyc-page .otcn-auth-main {
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
}

.otcn-kyc-page .otcn-auth-main .content-title {
    margin-bottom: 12px !important;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: -0.56px;
}

.otcn-kyc-page .otcn-auth-main .description {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.16px;
}

.otcn-auth-main .otcn-kyc-form {
    display: grid;
    gap: 32px;
}

.otcn-kyc-group {
    display: grid;
    gap: 16px;
}

.otcn-kyc-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.otcn-kyc-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    position: relative;
    overflow: hidden;
    padding: 16px;
    border: 1px solid #3a4043;
    border-radius: 24px;
    background: #0e0f10;
    transition: none;
}

.otcn-kyc-upload.is-dragover {
    border-color: #84e9e8;
    background: #101718;
}

.otcn-kyc-upload.is-filled {
    border-color: #27e9a6;
    background: rgba(39, 233, 166, 0.1);
}

.otcn-kyc-upload.is-filled .otcn-kyc-visual:after {
    content: "";
    width: 89px;
    height: 40px;
    position: absolute;
    right: -8px;
    bottom: -5px;
    background: url("/images/kyc-upload-success.png") center / contain no-repeat;
    mix-blend-mode: lighten;
}

.otcn-kyc-upload.is-filled .otcn-kyc-visual {
    width: 89px;
    height: 65px;
}

.otcn-kyc-upload.is-filled .otcn-kyc-hint b {
    color: #2fe3af;
}

.otcn-kyc-upload.is-filled .otcn-kyc-hint span {
    color: #c5c9cc;
    word-break: break-all;
}

.otcn-kyc-upload.has-error {
    border-color: #ff4f78;
}

.otcn-kyc-upload-title {
    color: #f4f7f8;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.16px;
    text-align: center;
    word-break: break-word;
}

.otcn-kyc-visual {
    width: 80px;
    height: 60px;
    position: relative;
    flex: 0 0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    mix-blend-mode: lighten;
}

.otcn-kyc-visual-front {
    background-image: url("/images/kyc-id-card-front.png");
}

.otcn-kyc-visual-back {
    background-image: url("/images/kyc-id-card-back.png");
}

.otcn-kyc-upload.is-filled .otcn-kyc-visual-front {
    background-image: url("/images/kyc-id-card-front-selected.png");
}

.otcn-kyc-upload.is-filled .otcn-kyc-visual-back {
    background-image: url("/images/kyc-id-card-back-selected.png");
}

.otcn-kyc-upload.is-filled .otcn-kyc-visual-front:after,
.otcn-kyc-upload.is-filled .otcn-kyc-visual-back:after {
    content: none;
}

.otcn-kyc-visual-passport {
    background-image: url("/images/passport-front.png");
}

.otcn-kyc-selfie-frame {
    width: 105px;
    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid #3a4043;
    border-radius: 16px;
    background: rgba(72, 122, 246, 0.1);
}

.otcn-kyc-selfie-ring {
    width: 90px;
    height: 90px;
    display: block;
    overflow: hidden;
    border: 1px dashed #487af6;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.otcn-kyc-selfie-ring.has-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-color: rgba(39, 233, 166, 0.5);
}

.otcn-kyc-selfie-ring.has-avatar:before {
    content: "";
    width: 56px;
    height: 56px;
    display: block;
    background-color: #2fe3af;
    -webkit-mask: url("/images/icons/avatar.svg") center / contain no-repeat;
    mask: url("/images/icons/avatar.svg") center / contain no-repeat;
}

.otcn-kyc-upload.is-filled .otcn-kyc-selfie-frame {
    border-color: #27e9a6;
    background: rgba(39, 233, 166, 0.12);
}

.otcn-kyc-upload.is-filled .otcn-kyc-selfie-ring {
    border-style: solid;
    border-color: #27e9a6;
}

.otcn-kyc-hint {
    display: block;
    color: #5e666a;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: -0.12px;
    text-align: center;
    word-break: break-word;
}

.otcn-kyc-hint b {
    display: block;
    color: #84e9e8;
    font-weight: 600;
}

.otcn-kyc-hint span {
    display: block;
}

.otcn-auth-main .otcn-kyc-input {
    width: 1px;
    height: 1px;
    position: absolute;
    padding: 0;
    border: 0;
    opacity: 0;
    pointer-events: none;
}

.otcn-auth-main .otcn-kyc-upload-button {
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 8px 13px;
    border: 0.8px solid #f4f7f8;
    border-radius: 8px;
    color: #f4f7f8;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    text-align: center;
    cursor: pointer;
    transition: background 0.18s ease, color 0.18s ease;
}

.otcn-auth-main .otcn-kyc-upload-button:hover {
    background: #f4f7f8;
    color: #0e0f10;
}

.otcn-kyc-input:focus-visible + .otcn-kyc-upload-button {
    outline: 2px solid #84e9e8;
    outline-offset: 2px;
}

.otcn-auth-main .otcn-kyc-remove-button {
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    gap: 5px;
    margin: 0;
    padding: 8px 13px;
    border: 0.8px solid #ff4d6d;
    border-radius: 8px;
    background: #0e0f10;
    color: #ff4d6d;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    transition: background 0.18s ease, color 0.18s ease;
}

.otcn-auth-main .otcn-kyc-remove-button:hover,
.otcn-auth-main .otcn-kyc-remove-button:focus-visible {
    background: #ff4d6d;
    color: #0e0f10;
}

.otcn-auth-main .otcn-kyc-remove-button:before {
    content: "";
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    background-color: currentColor;
    -webkit-mask: url("/images/icons/trash.svg") center / contain no-repeat;
    mask: url("/images/icons/trash.svg") center / contain no-repeat;
}

.otcn-kyc-upload.is-filled .otcn-kyc-upload-button {
    display: none;
}

.otcn-auth-main .otcn-kyc-upload.is-filled .otcn-kyc-remove-button {
    display: inline-flex;
}

.otcn-kyc-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: auto;
    padding: 8px 16px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.otcn-kyc-status:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: currentColor;
}

.otcn-kyc-status-confirmed {
    border: 0.8px solid rgba(39, 233, 166, 0.5);
    background: rgba(39, 233, 166, 0.12);
    color: #2fe3af;
}

.otcn-kyc-status-queue {
    background: rgba(72, 122, 246, 0.14);
    color: #8fadff;
}

.otcn-kyc-error:empty {
    display: none;
}

.otcn-kyc-error {
    color: #ff4f78;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    text-align: center;
}

.otcn-kyc-note {
    margin: 0;
    color: #f4f7f8;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.12px;
}

.otcn-kyc-note-list {
    display: grid;
    gap: 6px;
    padding: 0 0 0 18px;
    list-style: none;
}

.otcn-kyc-note-list li {
    position: relative;
}

.otcn-kyc-note-list li:before {
    content: "";
    width: 4px;
    height: 4px;
    position: absolute;
    left: -14px;
    top: 7px;
    border-radius: 50%;
    background: #84e9e8;
}

.otcn-kyc-page .otcn-auth-main .btn-primary {
    border-radius: 14px;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0) 100%);
}

.otcn-kyc-status-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 56px;
    width: min(100%, 440px);
    margin: 0 auto;
    text-align: center;
}

.otcn-kyc-status-visual {
    width: 184px;
    height: 137px;
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    mix-blend-mode: lighten;
}

.otcn-kyc-status-visual-submitted {
    background-image: url("/images/kyc-status-submitted.png");
}

.otcn-kyc-status-visual-review {
    background-image: url("/images/kyc-status-review.png");
}

.otcn-kyc-status-visual-rejected {
    background-image: url("/images/kyc-status-rejected.png");
}

.otcn-kyc-status-text {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    color: #f4f7f8;
}

.otcn-kyc-status-title {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    line-height: 1.3;
    letter-spacing: -0.56px;
}

.otcn-kyc-status-text p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.16px;
}

.otcn-kyc-status-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 100%;
    margin-top: -24px;
}

.otcn-kyc-status-list-title {
    color: #c5c9cc;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -0.12px;
}

.otcn-kyc-status-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.otcn-kyc-status-list li {
    padding: 8px 16px;
    border: 0.8px solid rgba(255, 77, 109, 0.5);
    border-radius: 999px;
    background: rgba(255, 77, 109, 0.08);
    color: #ff4d6d;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
}

.otcn-auth-main .otcn-kyc-status-button {
    width: 100%;
    margin-top: 8px;
}

@media (max-width: 520px) {
    .otcn-kyc-status-panel {
        gap: 40px;
    }

    .otcn-kyc-status-title {
        font-size: 25px;
    }
}

.otcn-kyc-page .otcn-auth-main .btn-primary:disabled,
.otcn-kyc-page .otcn-auth-main .btn-primary:disabled:hover {
    background: #5e666a;
    color: rgba(31, 38, 40, 0.5) !important;
    cursor: not-allowed;
}

@media (max-width: 900px) {
    .otcn-kyc-page .otcn-auth-main {
        padding-top: 28px;
    }
}

@media (max-width: 520px) {
    .otcn-kyc-row {
        grid-template-columns: 1fr;
    }

    .otcn-kyc-page .otcn-auth-main .content-title {
        font-size: 25px;
    }
}

@media (max-width: 380px) {
    body:has(.otcn-auth-page) .navbar-logo img {
        height: 34px;
    }
}

html[data-theme="theme-light"] body:has(.otcn-kyc-page),
html[data-theme="theme-light"] body:has(.otcn-sumsub-page) {
    background: #f7f8fa;
    color: #0e0f10;
}

html[data-theme="theme-light"] body:has(.otcn-kyc-page) .header,
html[data-theme="theme-light"] body:has(.otcn-sumsub-page) .header {
    background: #ffffff !important;
}

html[data-theme="theme-light"] body:has(.otcn-kyc-page) .nav-link,
html[data-theme="theme-light"] body:has(.otcn-sumsub-page) .nav-link {
    color: #0e0f10;
}

html[data-theme="theme-light"] body:has(.otcn-kyc-page) .nav-menu,
html[data-theme="theme-light"] body:has(.otcn-sumsub-page) .nav-menu {
    border-color: #e4e7ea !important;
    background: #ffffff !important;
    box-shadow: 0 18px 40px rgba(14, 15, 16, 0.12) !important;
}

html[data-theme="theme-light"] body:has(.otcn-kyc-page) .nav-menu .menu-link,
html[data-theme="theme-light"] body:has(.otcn-sumsub-page) .nav-menu .menu-link {
    color: #4b5563;
}

html[data-theme="theme-light"] body:has(.otcn-kyc-page) .nav-menu .menu-link:hover,
html[data-theme="theme-light"] body:has(.otcn-kyc-page) .nav-menu .menu-link:focus,
html[data-theme="theme-light"] body:has(.otcn-sumsub-page) .nav-menu .menu-link:hover,
html[data-theme="theme-light"] body:has(.otcn-sumsub-page) .nav-menu .menu-link:focus {
    background: #f4f7f8;
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-kyc-page,
html[data-theme="theme-light"] .otcn-sumsub-page {
    background: #f7f8fa;
}

html[data-theme="theme-light"] .otcn-kyc-page .otcn-auth-shell,
html[data-theme="theme-light"] .otcn-sumsub-page .otcn-auth-shell {
    background: #ffffff;
}

html[data-theme="theme-light"] .otcn-kyc-page .otcn-auth-side,
html[data-theme="theme-light"] .otcn-sumsub-page .otcn-auth-side {
    border-color: #e4e7ea;
    background: #f8fafb url("/images/otcn-auth-side-light.png") center / cover no-repeat;
}

html[data-theme="theme-light"] .otcn-kyc-page .otcn-market-card,
html[data-theme="theme-light"] .otcn-kyc-page .otcn-help-card,
html[data-theme="theme-light"] .otcn-sumsub-page .otcn-market-card,
html[data-theme="theme-light"] .otcn-sumsub-page .otcn-help-card {
    border-color: rgba(228, 231, 234, 0.9);
    background: rgba(255, 255, 255, 0.74);
    box-shadow: 0 24px 60px rgba(14, 15, 16, 0.08);
}

html[data-theme="theme-light"] .otcn-kyc-page .otcn-market-card h2,
html[data-theme="theme-light"] .otcn-kyc-page .otcn-help-card h2,
html[data-theme="theme-light"] .otcn-sumsub-page .otcn-market-card h2,
html[data-theme="theme-light"] .otcn-sumsub-page .otcn-help-card h2,
html[data-theme="theme-light"] .otcn-kyc-page .otcn-auth-main .content-title,
html[data-theme="theme-light"] .otcn-sumsub-page .otcn-auth-main .content-title,
html[data-theme="theme-light"] .otcn-kyc-status-title {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-kyc-page .otcn-market-card p,
html[data-theme="theme-light"] .otcn-kyc-page .otcn-help-card p,
html[data-theme="theme-light"] .otcn-sumsub-page .otcn-market-card p,
html[data-theme="theme-light"] .otcn-sumsub-page .otcn-help-card p,
html[data-theme="theme-light"] .otcn-kyc-page .otcn-auth-main .description,
html[data-theme="theme-light"] .otcn-sumsub-page .otcn-auth-main .description,
html[data-theme="theme-light"] .otcn-auth-main .otcn-skip-action,
html[data-theme="theme-light"] .otcn-kyc-status-text p,
html[data-theme="theme-light"] .otcn-kyc-note,
html[data-theme="theme-light"] .otcn-kyc-status-list-title {
    color: #4b5563;
}

html[data-theme="theme-light"] .otcn-auth-main .otcn-skip-action a {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-kyc-upload {
    border-color: #e4e7ea;
    background: #ffffff;
}

html[data-theme="theme-light"] .otcn-kyc-upload.is-dragover {
    border-color: #0e0f10;
    background: #f4f7f8;
}

html[data-theme="theme-light"] .otcn-kyc-upload.is-filled {
    border-color: #10b981;
    background: #ecfdf5;
}

html[data-theme="theme-light"] .otcn-kyc-upload.is-filled .otcn-kyc-visual:after,
html[data-theme="theme-light"] .otcn-kyc-visual,
html[data-theme="theme-light"] .otcn-kyc-status-visual {
    mix-blend-mode: normal;
}

html[data-theme="theme-light"] .otcn-kyc-upload.is-filled .otcn-kyc-hint b,
html[data-theme="theme-light"] .otcn-kyc-hint b {
    color: #047857;
}

html[data-theme="theme-light"] .otcn-kyc-upload.is-filled .otcn-kyc-hint span,
html[data-theme="theme-light"] .otcn-kyc-hint {
    color: #6b7280;
}

html[data-theme="theme-light"] .otcn-kyc-upload.has-error {
    border-color: #e11d48;
}

html[data-theme="theme-light"] .otcn-kyc-upload-title,
html[data-theme="theme-light"] .otcn-kyc-status-text {
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-kyc-selfie-frame {
    border-color: #d9dee5;
    background: #eef4ff;
}

html[data-theme="theme-light"] .otcn-kyc-selfie-ring {
    border-color: #2563eb;
}

html[data-theme="theme-light"] .otcn-kyc-selfie-ring.has-avatar {
    border-color: rgba(16, 185, 129, 0.55);
}

html[data-theme="theme-light"] .otcn-kyc-selfie-ring.has-avatar:before {
    background-color: #059669;
}

html[data-theme="theme-light"] .otcn-kyc-upload.is-filled .otcn-kyc-selfie-frame {
    border-color: #10b981;
    background: #ecfdf5;
}

html[data-theme="theme-light"] .otcn-kyc-upload.is-filled .otcn-kyc-selfie-ring {
    border-color: #10b981;
}

html[data-theme="theme-light"] .otcn-auth-main .otcn-kyc-upload-button {
    border-color: #0e0f10;
    color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-main .otcn-kyc-upload-button:hover {
    background: #0e0f10;
    color: #ffffff;
}

html[data-theme="theme-light"] .otcn-kyc-input:focus-visible + .otcn-kyc-upload-button {
    outline-color: #0e0f10;
}

html[data-theme="theme-light"] .otcn-auth-main .otcn-kyc-remove-button {
    border-color: #e11d48;
    background: #ffffff;
    color: #e11d48;
}

html[data-theme="theme-light"] .otcn-auth-main .otcn-kyc-remove-button:hover,
html[data-theme="theme-light"] .otcn-auth-main .otcn-kyc-remove-button:focus-visible {
    background: #e11d48;
    color: #ffffff;
}

html[data-theme="theme-light"] .otcn-kyc-status-confirmed {
    border-color: rgba(16, 185, 129, 0.45);
    background: #ecfdf5;
    color: #047857;
}

html[data-theme="theme-light"] .otcn-kyc-status-queue {
    background: #eff6ff;
    color: #1d4ed8;
}

html[data-theme="theme-light"] .otcn-kyc-error {
    color: #e11d48;
}

html[data-theme="theme-light"] .otcn-kyc-note-list li:before {
    background: #0e0f10;
}

html[data-theme="theme-light"] .otcn-kyc-page .otcn-auth-main .btn-primary:disabled,
html[data-theme="theme-light"] .otcn-kyc-page .otcn-auth-main .btn-primary:disabled:hover {
    background: #e5e7eb;
    color: #9ca3af !important;
}

html[data-theme="theme-light"] .otcn-kyc-status-list li {
    border-color: rgba(225, 29, 72, 0.35);
    background: #fff1f2;
    color: #be123c;
}

html[data-theme="theme-light"] .otcn-sumsub-card {
    border-color: #e4e7ea;
    background: #ffffff;
    box-shadow: 0 28px 70px rgba(14, 15, 16, 0.12);
}

html[data-theme="theme-light"] .otcn-sumsub-container {
    background: #ffffff;
}

.otcn-auth-main .legal-consent-group {
    grid-column: 1 / -1;
    margin-bottom: 0 !important;
}

.otcn-auth-page.register .otcn-auth-main:has(.legal-consent-group) .description {
    margin-bottom: 24px;
}

.otcn-auth-page.register .otcn-auth-main:has(.legal-consent-group) .otcn-stepper {
    margin-bottom: 14px;
}

.otcn-auth-main .otcn-email-form .legal-consent-group .form-error {
    width: 1px;
    height: 1px;
    min-height: 0;
    margin: 0;
    position: absolute;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}

.otcn-auth-page.register .otcn-auth-main:has(.legal-consent-group) {
    padding-top: 20px;
    padding-bottom: 20px;
}

@media (max-width: 1180px) {
    .otcn-auth-page.register .otcn-auth-main:has(.legal-consent-group) {
        padding-top: 28px;
        padding-bottom: 28px;
    }
}

@media (max-width: 900px) {
    .otcn-auth-page.register .otcn-auth-main:has(.legal-consent-group) {
        padding-top: 18px;
        padding-bottom: 18px;
    }
}

.legal-consent {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.legal-consent-input {
    flex: 0 0 auto;
    width: 20px;
    height: 20px;
    margin: 1px 0 0;
    border: 1px solid rgba(247, 248, 248, 0.32);
    border-radius: 6px;
    background: transparent;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.legal-consent-input:hover {
    border-color: rgba(247, 248, 248, 0.6);
}

.legal-consent-input:focus-visible {
    outline: 2px solid #ff4a1f;
    outline-offset: 2px;
}

.legal-consent-input:checked {
    border-color: #ff4a1f;
    background-color: #ff4a1f;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 14px 14px;
}

.legal-consent-input.input-validation-error {
    border: 1px solid #ff4f78;
}

body:has(.otcn-auth-page) .otcn-auth-main .legal-consent-group .legal-consent-label {
    margin: 0;
    font-family: "Inter Tight", "Inter Tight Fallback", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color: rgba(247, 248, 248, 0.88);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    cursor: pointer;
}

body:has(.otcn-auth-page) .legal-consent-label .legal-consent-link {
    color: #f7f8f8;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-color: rgba(247, 248, 248, 0.35);
    text-decoration-thickness: 1px;
}

body:has(.otcn-auth-page) .legal-consent-label .legal-consent-link:hover,
body:has(.otcn-auth-page) .legal-consent-label .legal-consent-link:focus-visible {
    color: #ff6a45;
    text-decoration-color: #ff6a45;
}

body:has(.otcn-auth-page) .legal-consent-label .legal-consent-link:focus-visible {
    outline: 2px solid #ff4a1f;
    outline-offset: 2px;
    border-radius: 2px;
}

html[data-theme="theme-light"] .legal-consent-input {
    border-color: rgba(14, 15, 16, 0.28);
}

html[data-theme="theme-light"] .legal-consent-input:hover {
    border-color: rgba(14, 15, 16, 0.5);
}

html[data-theme="theme-light"] .legal-consent-input:checked {
    border-color: #ff4a1f;
}

html[data-theme="theme-light"] .legal-consent-input.input-validation-error {
    border: 1px solid #e11d48;
}

html[data-theme="theme-light"] .legal-consent-label {
    color: rgba(14, 15, 16, 0.86);
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .legal-consent-label .legal-consent-link {
    color: #0e0f10;
    text-decoration-color: rgba(14, 15, 16, 0.35);
}

html[data-theme="theme-light"] body:has(.otcn-auth-page) .legal-consent-label .legal-consent-link:hover,
html[data-theme="theme-light"] body:has(.otcn-auth-page) .legal-consent-label .legal-consent-link:focus-visible {
    color: #ff4a1f;
    text-decoration-color: #ff4a1f;
}

html[data-theme] body:has(.otcn-invalid-token-page) {
    background: #10151b !important;
    color: #f5f7fb !important;
}

html[data-theme] body:has(.otcn-invalid-token-page) .header {
    background: #10151b !important;
}

html[data-theme] body:has(.otcn-invalid-token-page) .nav-link,
html[data-theme] body:has(.otcn-invalid-token-page) .current-language {
    color: #f5f7fb !important;
}

html[data-theme] body:has(.otcn-invalid-token-page) .navbar-logo img {
    content: url("/images/logos/otcn.svg") !important;
}

html[data-theme] .otcn-invalid-token-page.otcn-auth-page.alert-content {
    background: #10151b !important;
    color: #f5f7fb !important;
}

html[data-theme] .otcn-invalid-token-page .otcn-auth-shell {
    background: transparent !important;
}

html[data-theme] .otcn-invalid-token-page .otcn-auth-main {
    background: transparent !important;
}

html[data-theme] .otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-card {
    border-color: #24304a !important;
    background: #0e1116 !important;
}

html[data-theme] .otcn-invalid-token-page .otcn-auth-main .otcn-success-card .content-title {
    color: #f5f7fb !important;
}

html[data-theme] .otcn-invalid-token-page .otcn-auth-main .otcn-success-card .description {
    color: #d4d7df !important;
}

html[data-theme] .otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-action {
    background: #ff4b1f !important;
    color: #ffffff !important;
}

html[data-theme] .otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-action:hover,
html[data-theme] .otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-action:focus-visible {
    background: #ff6139 !important;
    color: #ffffff !important;
}

html[data-theme] .otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-signin {
    color: #22bfd7 !important;
}

html[data-theme] .otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-signin:hover,
html[data-theme] .otcn-invalid-token-page .otcn-auth-main .otcn-invalid-token-signin:focus-visible {
    color: #5fd9eb !important;
}