* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

input,input:focus,input:focus-visible,input:focus-within,input:active,input:hover,input:visited {
    outline: none!important;
    border: none!important;
    box-shadow: none!important;
    -webkit-tap-highlight-color: transparent!important
}

body {
    margin: 0;
    padding: 0;
    font-family: Inter Tight,Onest,sans-serif;
    background-color: #0f0f16;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background-color .3s ease,color .3s ease
}

html,body,#app {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

input,textarea,select,button,.input-field input,.input-placeholder-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text
}

img,svg,video {
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

html,body {
    touch-action: manipulation;
    overscroll-behavior-x: contain
}

.light-theme,[data-theme=light] {
    background-color: #f1f3f5!important
}

.light-theme body,[data-theme=light] body,body.light-theme {
    background-color: #f1f3f5!important;
    color: #1c1c1e!important
}

#app {
    width: 100%;
    min-height: 100vh
}

.main-container {
    background-color: #0f0f16;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    padding: 32px 146px;
    width: 100%;
    min-height: 100vh;
    transition: background-color .3s ease
}

.light-theme .main-container {
    background-color: #f1f3f5
}

.content-wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    width: 100%
}

.content-inner {
    display: flex;
    flex-direction: column;
    gap: 64px;
    align-items: center;
    width: 100%
}

.header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1148px;
    padding: 0;
    animation: flyInTopIOS .6s cubic-bezier(.2,.8,.2,1) both
}

.logo-section {
    display: flex;
    gap: 6px;
    align-items: center;
    text-decoration: none;
    cursor: pointer
}

.logo-box {
    background-color: #0098eb;
    border-radius: 10px;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: -moz-fit-content;
    height: fit-content;
    transition: background-color .3s ease
}

.light-theme .logo-box {
    background-color: #0098eb
}

.logo-text-gradient {
    color: #fff;
    font-family: Inter Tight,sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    white-space: pre;
    margin: 0;
    padding: 0
}

.logo-text-gradient p {
    margin: 0;
    padding: 0;
    line-height: 1.2
}

.logo-text {
    font-family: Inter Tight,sans-serif;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.2;
    text-align: center;
    color: #0098eb;
    white-space: pre;
    margin: 0;
    padding: 0;
    transition: color .3s ease
}

.light-theme .logo-text {
    color: #0098eb
}

.header-actions {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-shrink: 0
}

.bot-button-wrapper {
    display: flex;
    gap: 32px;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0
}

.icon-button-circle {
    background-color: #2b2b37;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: none;
    transition: background-color .3s ease,box-shadow .3s ease;
    box-sizing: border-box
}

.icon-button-circle:hover {
    background-color: #353542
}

.light-theme .icon-button-circle {
    background-color: #fff;
    box-shadow: 0 4px 4px #00000040
}

.light-theme .icon-button-circle:hover {
    background-color: #f5f5f5
}

.language-button {
    background-color: #2b2b37;
    border-radius: 25px;
    padding: 0;
    height: 42px;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    cursor: pointer;
    border: none;
    color: #fff;
    box-sizing: border-box;
    overflow: hidden;
    transition: background-color .3s ease,box-shadow .3s ease
}

.light-theme .language-button {
    background-color: #fff;
    box-shadow: 0 4px 4px #00000040
}

.bot-button {
    background-color: #0098eb;
    border: none;
    border-radius: 25px;
    padding: 0 24px;
    height: 42px;
    min-height: 42px;
    display: flex;
    gap: 4px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
    flex-shrink: 0;
    transition: background-color .2s ease;
    text-decoration: none
}

.bot-button-content {
    display: flex;
    gap: 2px;
    align-items: center;
    justify-content: center;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: normal;
    color: #fff;
    text-align: center;
    white-space: pre;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.bot-button:hover {
    background-color: #00b0ff
}

.hero-title {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 48px;
    color: #fff;
    text-align: center;
    margin: 0;
    max-width: 690px;
    line-height: 1.2;
    animation: slideUpNoFade .35s cubic-bezier(.2,.8,.2,1) both
}

.light-theme .hero-title {
    color: #1c1c1e
}

.hero-title-highlight {
    color: #0098eb
}

.nav-container {
    background-color: #191921;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    gap: 8px;
    border-radius: 25px;
    position: relative;
    overflow: hidden;
    transition: background-color .3s ease,box-shadow .3s ease;
    animation: flyInBottomIOS 2s cubic-bezier(.2,.8,.2,1) .1s both
}

.light-theme .nav-container {
    background-color: #fff;
    box-shadow: 0 4px 4px #00000040
}

.tab-button {
    border: none;
    border-radius: 25px;
    padding: 16px 24px;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 20px;
    cursor: pointer;
    background-color: transparent;
    color: #bbb;
    transition: all .3s ease;
    position: relative;
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap
}

.tab-icon {
    width: 24px;
    height: 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

img.tab-icon {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    flex-shrink: 0;
    vertical-align: middle;
    background: transparent;
    min-width: 24px;
    min-height: 24px;
    opacity: 1;
    visibility: visible;
    transform: translateZ(0);
    will-change: auto
}

img.tab-icon[src$="star.svg"] {
    width: 28px;
    height: 28px
}

img.tab-icon[src$="premium.svg"] {
    width: 22px;
    height: 22px
}

img.tab-icon[src$="ton.svg"] {
    width: 29px;
    height: 29px
}

.tab-button:hover:not(.active) {
    background-color: #2b2b37;
    color: #bbb
}

.tab-button.active {
    background-color: #2b2b37;
    color: #fff
}

.light-theme .tab-button {
    color: gray
}

.light-theme .tab-button:hover:not(.active) {
    background-color: #f0f0f0;
    color: #1c1c1e
}

.light-theme .tab-button.active {
    background-color: #77c2eb;
    color: #fff
}

.section-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    width: 100%;
    max-width: 1148px;
    position: relative;
    overflow: visible;
    isolation: isolate
}

.section-container>.card {
    will-change: filter
}

.slide-left-enter-active,.slide-right-enter-active {
    transition: transform .3s ease-in-out
}

.slide-left-leave-active,.slide-right-leave-active {
    transition: none
}

.slide-left-enter-from {
    transform: translate(100%)
}

.slide-left-leave-to,.slide-right-enter-from {
    transform: translate(-100%)
}

.slide-right-leave-to {
    transform: translate(100%)
}

.slide-left-enter-active.card,.slide-right-enter-active.card,.slide-left-enter-active .section-title,.slide-left-enter-active .section-subtitle,.slide-right-enter-active .section-title,.slide-right-enter-active .section-subtitle {
    animation: none!important
}

.fade-enter-active,.fade-leave-active {
    transition: opacity .3s ease-in-out
}

.fade-enter-from,.fade-leave-to {
    opacity: 0
}

.fade-enter-to,.fade-leave-from {
    opacity: 1
}

.fade-scale-enter-active,.fade-scale-leave-active {
    transition: opacity .3s ease-in-out,transform .3s ease-in-out
}

.fade-scale-enter-from,.fade-scale-leave-to {
    opacity: 0;
    transform: scale(.95)
}

.fade-scale-enter-to,.fade-scale-leave-from {
    opacity: 1;
    transform: scale(1)
}

.tab-fly-enter-active,.tab-fly-leave-active {
    transition: opacity .35s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.2,.8,.2,1)
}

.tab-fly-enter-from {
    opacity: 0;
    transform: translateY(16px)
}

.tab-fly-leave-to {
    opacity: 0;
    transform: translateY(-12px)
}

.tab-fly-nav-enter-active,.tab-fly-nav-leave-active {
    transition: opacity .25s cubic-bezier(.2,.8,.2,1),transform .25s cubic-bezier(.2,.8,.2,1)
}

.tab-fly-nav-enter-from {
    opacity: 0;
    transform: translateY(8px)
}

.tab-fly-nav-leave-to {
    opacity: 0;
    transform: translateY(-6px)
}

.card {
    background-color: #191921;
    border-radius: 25px;
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    transition: background-color .3s ease,box-shadow .3s ease,filter .3s ease;
    animation: flyInBottomIOS .6s cubic-bezier(.2,.8,.2,1) both;
    margin-bottom: 4px;
    position: relative;
    z-index: 1;
    isolation: isolate
}

.light-theme .card {
    background-color: #fff;
    box-shadow: none;
    filter: drop-shadow(0px 4px 4px rgba(0,0,0,.25))
}

.section-container>.card {
    position: relative
}

.section-container>.card[style*="display: none"] {
    filter: none!important;
    z-index: 0;
    pointer-events: none
}

.section-container>.card:not([style*="display: none"]) {
    z-index: 2
}

.section-header {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.section-title {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    line-height: normal;
    transition: color .3s ease;
    animation: flyInBottomIOS .6s cubic-bezier(.2,.8,.2,1) both
}

.light-theme .section-title {
    color: #1c1c1e
}

.section-subtitle {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #bbb;
    line-height: normal;
    transition: color .3s ease;
    animation: flyInBottomIOS .6s cubic-bezier(.2,.8,.2,1) .15s both
}

.light-theme .section-subtitle {
    color: gray
}

.form-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 510px
}

.form-fields {
    display: flex;
    flex-direction: column;
    gap: 32px
}

.input-group {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.input-help-text {
    padding: 0 8px;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px
}

.input-help-text.error {
    color: #d32f2f
}

.input-help-text.success {
    color: #0098eb
}

.input-error-text {
    margin-top: 5px;
    padding: 0 16px 0 8px;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #d32f2f
}

.input-success-text {
    margin-top: 0;
    padding: 0 16px 0 8px;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #0098eb
}

.light-theme .input-success-text {
    color: #0098eb
}

.input-field.locked input {
    cursor: not-allowed
}

.user-avatar {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.user-avatar img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.user-avatar-placeholder {
    width: 100%;
    height: 100%;
    background-color: #0098eb;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 12px
}

.user-name-display {
    flex: 1;
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0
}

.light-theme .user-name-display {
    color: #1c1c1e!important
}

.light-theme .user-avatar-placeholder {
    background-color: #0098eb;
    color: #fff
}

.remove-user-button {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: opacity .2s ease
}

.remove-user-button:hover {
    opacity: .7
}

.remove-user-button svg {
    width: 24px;
    height: 24px;
    display: block
}

.remove-user-button svg path {
    stroke: #bbb;
    transition: stroke .3s ease
}

.input-loading {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center
}

.spinner {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    border: 2px solid rgba(255,255,255,.2);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin .6s linear infinite;
    display: block;
    flex-shrink: 0;
    aspect-ratio: 1;
    box-sizing: border-box;
    margin: 0 auto
}

.light-theme .spinner {
    border: 2px solid rgba(0,0,0,.2);
    border-top-color: #1c1c1e
}

@media(max-width: 430px) {
    .spinner {
        width:20px;
        height: 20px;
        min-width: 20px;
        min-height: 20px
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg)
    }
}

.light-theme .input-error-text {
    color: #d32f2f
}

.light-theme .remove-user-button svg path {
    stroke: #8e8e93
}

.input-field {
    background-color: #2b2b37!important;
    border: none!important;
    border-width: 0!important;
    border-style: none!important;
    border-color: transparent!important;
    border-radius: 15px;
    padding: 16px;
    height: 52px;
    color: #fff;
    font-family: Onest,sans-serif;
    font-size: 16px;
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    transition: background-color .2s ease;
    outline: none!important;
    outline-width: 0!important;
    outline-style: none!important;
    outline-color: transparent!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    position: relative
}

.input-field:focus,.input-field:focus-within,.input-field:focus-visible,.input-field:active,.input-field:hover {
    outline: none!important;
    outline-width: 0!important;
    outline-style: none!important;
    outline-color: transparent!important;
    border: none!important;
    border-width: 0!important;
    border-style: none!important;
    border-color: transparent!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important
}

.light-theme .input-field {
    background-color: #f1f3f5!important
}

.input-field:hover {
    background-color: #252531!important;
    border: none!important
}

.light-theme .input-field:hover {
    background-color: #e9ebee!important;
    border: none!important
}

.input-field:focus-within {
    background-color: #252531!important;
    border: none!important;
    outline: none!important;
    box-shadow: none!important
}

.light-theme .input-field:focus-within {
    background-color: #e9ebee!important;
    border: none!important;
    outline: none!important;
    box-shadow: none!important
}

.input-field.error {
    background-color: #2b2b37!important;
    border: 1px solid #d32f2f!important
}

.light-theme .input-field.error {
    background-color: #f1f3f5!important;
    border: 1px solid #d32f2f!important
}

.input-field.success {
    background-color: #2b2b37!important;
    border: 1px solid #0098eb!important
}

.light-theme .input-field.success {
    background-color: #f1f3f5!important;
    border: 1px solid #0098eb!important
}

.input-field input {
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-family: Onest,sans-serif;
    font-size: 16px;
    flex: 1;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    caret-color: #fff;
    transition: color .3s ease
}

input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.light-theme .input-field input {
    color: #1c1c1e!important;
    caret-color: #1c1c1e!important
}

.light-theme .input-field input::-moz-placeholder {
    color: gray!important
}

.light-theme .input-field input::placeholder {
    color: gray!important
}

.input-field input:-webkit-autofill,.input-field input:-webkit-autofill:hover,.input-field input:-webkit-autofill:focus,.input-field input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #2b2b37 inset!important;
    -webkit-text-fill-color: white!important;
    background-color: #2b2b37!important;
    background: #2b2b37!important;
    color: #fff!important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.input-field:focus-within input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px #252531 inset!important;
    background-color: #252531!important;
    background: #252531!important
}

.input-field input:focus,.input-field input:focus-visible,.input-field input:active,.input-field input:hover {
    outline: none!important;
    border: none!important;
    box-shadow: none!important;
    background: transparent!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important
}

.input-field input::selection {
    background-color: #0098eb4d;
    color: #fff
}

.input-field input::-moz-selection {
    background-color: #0098eb4d;
    color: #fff
}

.input-field:focus,.input-field:focus-visible,.input-field:focus-within,.input-field:active,.input-field:hover {
    outline: none!important;
    box-shadow: none!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important
}

.input-field input,.input-field input:focus,.input-field input:active,.input-field input:hover,.input-field input:focus-visible,.amount-input,.amount-input:focus,.amount-input:active,.amount-input:hover,.amount-input:focus-visible {
    outline: none!important;
    outline-width: 0!important;
    outline-style: none!important;
    outline-color: transparent!important;
    border: none!important;
    border-width: 0!important;
    border-style: none!important;
    border-color: transparent!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important
}

.input-field:before,.input-field:after,.input-field input:before,.input-field input:after,.amount-field:before,.amount-field:after,.amount-input:before,.amount-input:after {
    display: none!important;
    border: none!important;
    outline: none!important;
    box-shadow: none!important
}

*:focus {
    outline: none!important
}

input:focus,textarea:focus,select:focus {
    outline: none!important;
    border: none!important;
    box-shadow: none!important
}

.input-field input::-moz-placeholder {
    color: #bbb
}

.input-field input::placeholder {
    color: #bbb
}

.input-icon {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.input-icon img {
    width: 100%;
    height: 100%;
    display: block
}

.amount-field {
    position: relative;
    border: none!important;
    border-width: 0!important;
    border-style: none!important;
    border-color: transparent!important;
    outline: none!important;
    outline-width: 0!important;
    outline-style: none!important;
    outline-color: transparent!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important
}

.amount-field:focus,.amount-field:focus-within,.amount-field:focus-visible,.amount-field:active,.amount-field:hover {
    border: none!important;
    border-width: 0!important;
    border-style: none!important;
    border-color: transparent!important;
    outline: none!important;
    outline-width: 0!important;
    outline-style: none!important;
    outline-color: transparent!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important
}

.amount-input.has-value {
    color: transparent!important;
    caret-color: #fff!important;
    -webkit-text-fill-color: transparent!important;
    text-shadow: none!important
}

.amount-input.has-value::selection {
    background: transparent!important
}

.amount-input.has-value::-moz-selection {
    background: transparent!important
}

.amount-display {
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    gap: 6px;
    pointer-events: none;
    z-index: 2;
    max-width: calc(100% - 80px)
}

.amount-value {
    font-family: Onest,sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.star-after-amount {
    width: 16px;
    height: 16px;
    aspect-ratio: 1/1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    align-self: center
}

.star-after-amount svg {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto
}

.light-theme .star-after-amount svg .star-icon-path,.light-theme .star-after-amount svg path {
    fill: #8e8e93!important
}

.star-after-amount svg .star-icon-path,.star-after-amount svg path {
    fill: #bbb;
    transition: fill .3s ease
}

.input-icon svg .star-icon-path,.input-icon svg path {
    fill: #bbb;
    transition: fill .3s ease
}

.light-theme .input-icon svg .star-icon-path,.light-theme .input-icon svg path {
    fill: #8e8e93!important
}

.light-theme .faq-icon-inner svg path {
    fill: #fff!important
}

.light-theme .amount-value {
    color: #1c1c1e!important
}

.light-theme .amount-input.has-value {
    caret-color: #1c1c1e!important
}

.promo-button {
    background-color: #0098eb;
    border: none;
    border-radius: 25px;
    padding: 8px 24px;
    color: #fff;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition: background-color .2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    position: relative
}

.promo-button:hover:not(:disabled) {
    background-color: #00b0ff
}

.promo-button:disabled {
    opacity: .4;
    cursor: not-allowed
}

.promo-spinner {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none
}

.promo-spinner .spinner {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    border: 2px solid rgba(255,255,255,.2);
    border-top-color: #fff;
    border-radius: 50%;
    margin: 0
}

.light-theme .promo-spinner .spinner {
    border: 2px solid rgba(0,0,0,.2);
    border-top-color: #1c1c1e
}

.promo-button .vis-hidden {
    visibility: hidden
}

.light-theme .promo-button {
    background-color: #0098eb
}

.service-fee {
    text-align: center;
    color: #bbb;
    font-family: Onest,sans-serif;
    font-size: 12px;
    transition: color .3s ease
}

.light-theme .service-fee {
    color: gray
}

.checkbox-group {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 0 16px
}

.checkbox-group input[type=checkbox] {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 5px;
    background-color: transparent;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    flex-shrink: 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='white'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-image .2s ease
}

.checkbox-group input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='white'/%3E%3Cpath d='M5.5 10L8.5 13L14.5 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")
}

.light-theme .checkbox-group input[type=checkbox] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='%231C1C1E'/%3E%3C/svg%3E")
}

.light-theme .checkbox-group input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='%231C1C1E'/%3E%3Cpath d='M5.5 10L8.5 13L14.5 7' stroke='%231C1C1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")
}

.checkbox-group label {
    color: #fff;
    font-family: Onest,sans-serif;
    font-size: 12px;
    transition: color .3s ease
}

.light-theme .checkbox-group label {
    color: #1c1c1e
}

.checkbox-group a,.checkbox-group a.router-link-active,.checkbox-group a:visited {
    color: #0098eb!important;
    text-decoration: underline;
    cursor: pointer
}

.checkbox-group a:hover,.checkbox-group a.router-link-active:hover {
    opacity: .8;
    text-decoration: underline
}

.pay-button {
    background-color: #0098eb;
    border: none;
    border-radius: 25px;
    padding: 24px;
    width: 100%;
    color: #fff;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 24px;
    cursor: pointer;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color .2s ease
}

.pay-button:hover:not(:disabled) {
    background-color: #00b0ff
}

.pay-button:disabled {
    opacity: .4;
    cursor: not-allowed
}

.payment-error-text {
    margin-top: 4px;
    padding: 0 16px;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #d32f2f;
    text-align: center
}

.light-theme .payment-error-text {
    color: #d32f2f
}

.terms-text {
    text-align: center;
    font-family: Onest,sans-serif;
    font-size: 12px;
    margin: 4px 0 0;
    padding: 0 16px;
    line-height: normal
}

.terms-text-before {
    color: #bbb;
    transition: color .3s ease
}

.light-theme .terms-text-before {
    color: gray
}

.terms-link,.terms-link.router-link-active,.terms-link:visited {
    color: #0098eb!important;
    text-decoration: underline;
    cursor: pointer;
    transition: opacity .2s ease
}

.terms-link:hover,.terms-link.router-link-active:hover {
    opacity: .8;
    text-decoration: underline
}

.two-column {
    display: flex;
    gap: 64px;
    align-items: flex-start
}

.image-placeholder {
    width: 510px;
    max-width: 100%;
    height: 510px;
    aspect-ratio: 1;
    position: relative;
    flex-shrink: 0;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

@media(min-width: 1251px) {
    .image-placeholder {
        width:510px;
        height: 510px
    }
}

.image-placeholder img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 25px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    image-rendering: auto;
    -webkit-font-smoothing: antialiased
}

.image-placeholder .animated-emoji-container {
    width: 100%;
    height: 100%;
    border-radius: 25px;
    overflow: visible
}

.image-placeholder .animated-emoji {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 25px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.referral-container {
    display: flex;
    gap: 64px;
    align-items: center
}

.referral-content {
    display: flex;
    flex-direction: column;
    gap: 64px;
    width: 510px
}

.referral-button {
    background-color: #0098eb;
    border: none;
    border-radius: 25px;
    padding: 24px;
    width: 100%;
    color: #fff;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 24px;
    cursor: pointer;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color .2s ease
}

.referral-button:hover {
    background-color: #00b0ff
}

.referral-button-text-mobile {
    display: none
}

.faq-container {
    display: flex;
    gap: 64px;
    align-items: flex-start;
    width: 100%
}

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 510px
}

.faq-item {
    background-color: #2b2b37;
    border: none;
    border-radius: 15px;
    padding: 16px;
    width: 100%;
    cursor: pointer;
    text-align: left;
    transition: background-color .3s ease;
    display: flex;
    flex-direction: column
}

.light-theme .faq-item {
    background-color: #f1f3f5
}

.faq-header {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
    justify-content: space-between
}

.faq-icon-container {
    order: 1;
    flex-shrink: 0
}

.faq-question {
    margin-left: 10px;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 20px;
    color: #fff;
    flex: 1;
    text-align: left;
    order: 2
}

.light-theme .faq-question {
    color: #1c1c1e
}

.faq-answer {
    padding: 0;
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #bbb;
    line-height: normal;
    text-align: left
}

.light-theme .faq-answer {
    color: gray
}

.faq-answer a {
    color: #0098eb;
    text-decoration: underline
}

.footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
    max-width: 1148px;
    position: relative
}

.footer-links {
    display: flex;
    gap: 16px;
    align-items: center;
    flex-wrap: wrap
}

.footer-link {
    color: #bbb;
    font-family: Onest,sans-serif;
    font-size: 12px;
    text-decoration: none;
    transition: color .3s ease;
    display: inline-flex;
    align-items: center;
    vertical-align: baseline
}

.footer-link:hover {
    color: #fff
}

.footer-link-icon {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    flex-shrink: 0
}

.footer-link-icon svg {
    width: 16px;
    height: 16px;
    display: block
}

.light-theme .footer-link {
    color: gray
}

.light-theme .footer-link:hover {
    color: #ccc
}

.footer-copyright {
    position: absolute;
    left: calc(50% + 46px);
    top: 22.5px;
    transform: translate(-100%,-50%);
    color: #bbb;
    font-family: Onest,sans-serif;
    font-weight: 100;
    font-size: 12px;
    transition: color .3s ease
}

.light-theme .footer-copyright {
    color: gray
}

.footer-address {
    color: #bbb;
    font-family: Onest,sans-serif;
    font-weight: 100;
    font-size: 12px;
    text-align: right;
    width: 384px;
    transition: color .3s ease
}

.light-theme .footer-address {
    color: gray
}

.flex {
    display: flex
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

.items-start {
    align-items: flex-start
}

.gap-4 {
    gap: 4px
}

.gap-8 {
    gap: 8px
}

.gap-16 {
    gap: 16px
}

.gap-32 {
    gap: 32px
}

.w-full {
    width: 100%
}

.relative {
    position: relative
}

.shrink-0 {
    flex-shrink: 0
}

@media(max-width: 1250px) {
    .image-placeholder {
        width:min(510px,40vw);
        height: min(510px,40vw)
    }

    .image-placeholder-first,.image-placeholder-premium,.image-placeholder-last {
        display: none!important
    }

    .referral-container {
        flex-direction: column;
        gap: 16px;
        align-items: center
    }

    .referral-container .image-placeholder {
        order: 2;
        width: min(128px,30vw);
        height: min(128px,30vw)
    }

    .referral-content {
        width: 100%;
        gap: 16px;
        order: 1;
        display: flex;
        flex-direction: column
    }

    .referral-content .section-header {
        order: 1
    }

    .referral-button {
        order: 3;
        width: 100%;
        height: 52px;
        padding: 16px 24px;
        font-size: 20px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    .referral-button-text-full {
        display: none
    }

    .referral-button-text-mobile {
        display: inline
    }

    .form-container {
        width: 100%!important;
        max-width: 100%!important
    }

    .two-column {
        flex-direction: column;
        gap: 16px
    }

    .faq-container {
        flex-direction: column;
        gap: 16px;
        align-items: center;
        justify-content: center
    }

    .faq-list {
        width: 100%!important;
        max-width: 100%!important
    }

    .footer {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        width: 100%;
        max-width: 100%;
        text-align: center
    }

    .footer-links {
        flex-direction: column;
        gap: 16px;
        align-items: center
    }

    .footer-copyright {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        text-align: center;
        width: 100%
    }

    .footer-address {
        width: 100%;
        max-width: 100%;
        text-align: center;
        font-size: 10px
    }

    .footer-link {
        font-size: 12px
    }
}

@media(max-width: 768px) {
    .main-container {
        padding:48px 20px 32px
    }

    .content-wrapper {
        width: 100%;
        max-width: 100%;
        margin: 0
    }

    .content-inner {
        gap: 48px
    }

    .header {
        width: 100%;
        max-width: 100%;
        height: 30px;
        flex-wrap: nowrap!important
    }

    .logo-section {
        gap: 4px;
        flex-shrink: 1;
        min-width: 0
    }

    .logo-box {
        padding: 4px 8px;
        border-radius: 10px
    }

    .logo-text-gradient,.logo-text {
        font-size: 16px
    }

    .header-actions {
        gap: 8px;
        flex-shrink: 0
    }

    .icon-button-circle {
        width: 29px;
        height: 29px;
        min-width: 29px;
        min-height: 29px;
        padding: 8px;
        gap: 10px;
        border-radius: 50%
    }

    .language-button {
        height: auto;
        min-height: auto;
        padding: 6px 8px;
        font-size: 8px;
        min-width: 0;
        gap: 4px;
        border-radius: 25px
    }

    .language-button p,.language-button .language-text {
        font-size: 8px
    }

    .bot-button {
        height: auto;
        min-height: auto;
        padding: 6px 8px;
        font-size: 14px;
        min-width: 0;
        white-space: nowrap;
        gap: 4px;
        border-radius: 25px
    }

    .bot-button-content {
        font-size: 14px
    }

    .hero-title {
        font-size: 20px;
        max-width: 100%;
        padding: 0 20px;
        line-height: normal
    }

    .nav-container {
        padding: 4px;
        gap: 4px
    }

    .tab-button {
        padding: 12px 16px;
        font-size: 16px
    }

    .tab-icon,img.tab-icon {
        width: 16px;
        height: 16px
    }

    img.tab-icon[src$="star.svg"] {
        width: 18px;
        height: 18px
    }

    img.tab-icon[src$="ton.svg"] {
        width: 26px;
        height: 26px
    }

    img.tab-icon[src$="premium.svg"] {
        width: 14px;
        height: 14px
    }

    .section-container {
        max-width: 100%;
        width: 100%;
        gap: 16px
    }

    .card {
        padding: 16px;
        gap: 16px;
        border-radius: 15px
    }

    .section-header {
        gap: 8px;
        width: 100%
    }

    .section-title {
        font-size: 20px
    }

    .section-subtitle {
        font-size: 14px
    }

    .form-container {
        width: 100%;
        max-width: 100%
    }

    .form-fields {
        gap: 20px
    }

    .two-column {
        flex-direction: column;
        gap: 16px
    }

    .image-placeholder {
        width: min(128px,30vw);
        height: min(128px,30vw)
    }

    .input-group {
        width: 100%;
        max-width: 100%;
        gap: 0
    }

    .input-field {
        width: 100%;
        height: 40px;
        padding: 8px 16px;
        border-radius: 10px;
        font-size: 14px
    }

    .input-field input {
        font-size: 14px
    }

    .input-icon {
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0
    }

    .input-icon>div {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .input-icon svg {
        width: 16px!important;
        height: 16px!important;
        margin: 0!important;
        padding: 0!important
    }

    .amount-value {
        font-size: 14px
    }

    .amount-input.has-value {
        color: transparent!important;
        -webkit-text-fill-color: transparent!important;
        text-shadow: none!important
    }

    .amount-input.has-value::selection {
        background: transparent!important
    }

    .amount-input.has-value::-moz-selection {
        background: transparent!important
    }

    .input-text,.input-placeholder {
        font-size: 14px
    }

    .promo-button {
        padding: 4px 16px;
        font-size: 12px
    }

    .service-fee {
        font-size: 11px
    }

    .checkbox-group {
        padding: 0
    }

    .checkbox-group input[type=checkbox] {
        width: 16px;
        height: 16px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='white'/%3E%3C/svg%3E");
        background-size: contain
    }

    .checkbox-group input[type=checkbox]:checked {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='white'/%3E%3Cpath d='M5.5 10L8.5 13L14.5 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")
    }

    .light-theme .checkbox-group input[type=checkbox] {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='%231C1C1E'/%3E%3C/svg%3E")
    }

    .light-theme .checkbox-group input[type=checkbox]:checked {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 20 20' fill='none'%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='4.5' stroke='%231C1C1E'/%3E%3Cpath d='M5.5 10L8.5 13L14.5 7' stroke='%231C1C1E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E")
    }

    .checkbox-group label {
        font-size: 11px
    }

    .pay-button {
        width: 100%;
        padding: 16px 24px;
        font-size: 20px;
        height: auto;
        min-height: 52px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        text-align: center
    }

    .referral-container {
        flex-direction: column;
        gap: 16px;
        align-items: center
    }

    .referral-container .image-placeholder {
        order: 2;
        width: min(128px,30vw);
        height: min(128px,30vw)
    }

    .referral-content {
        width: 100%;
        gap: 16px;
        order: 1;
        display: flex;
        flex-direction: column
    }

    .referral-content .section-header {
        order: 1
    }

    .referral-button {
        order: 3;
        width: 100%;
        height: 52px;
        padding: 16px 24px;
        font-size: 20px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    .referral-button-text-full {
        display: none
    }

    .referral-button-text-mobile {
        display: inline
    }

    .faq-container {
        flex-direction: column;
        gap: 16px;
        align-items: center;
        justify-content: center
    }

    .faq-list {
        width: 100%;
        max-width: 100%;
        gap: 20px;
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }

    .faq-item {
        padding: 8px 16px;
        min-height: 36px;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
        gap: 16px;
        align-items: flex-start
    }

    .image-placeholder-first,.image-placeholder-last,.image-placeholder-premium {
        display: none!important
    }

    .faq-header {
        gap: 8px;
        width: 100%
    }

    .faq-icon-container {
        flex-shrink: 0;
        order: 1
    }

    .faq-question {
        flex: 1;
        text-align: left;
        order: 2
    }

    .faq-icon {
        width: 20px;
        height: 20px;
        padding: 3px
    }

    .faq-icon img {
        width: 14px;
        height: 14px
    }

    .faq-question {
        font-size: 14px;
        text-align: left;
        font-weight: 500;
        overflow-wrap: break-word;
        word-break: break-word;
        white-space: normal
    }

    .faq-answer {
        font-size: 12px;
        padding: 0;
        text-align: left
    }

    .footer {
        flex-direction: column;
        align-items: center;
        gap: 16px;
        width: 100%;
        max-width: 100%;
        text-align: center
    }

    .footer-links {
        flex-direction: column;
        gap: 16px;
        align-items: center
    }

    .footer-copyright {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        text-align: center;
        width: 100%
    }

    .footer-address {
        width: 100%;
        max-width: 100%;
        text-align: center;
        font-size: 10px
    }

    .footer-link {
        font-size: 12px
    }
}

@media(max-width: 430px) {
    .main-container {
        padding:24px 20px
    }

    .header {
        flex-wrap: nowrap!important;
        gap: 4px;
        overflow: hidden;
        height: 50px
    }

    .logo-section {
        gap: 4px;
        flex-shrink: 1;
        min-width: 0
    }

    .logo-box {
        padding: 4px 8px;
        border-radius: 10px
    }

    .logo-text-gradient,.logo-text {
        font-size: 16px
    }

    .header-actions {
        gap: 8px;
        flex-shrink: 0
    }

    .icon-button-circle {
        width: 29px;
        height: 29px;
        min-width: 29px;
        min-height: 29px;
        padding: 8px;
        gap: 10px;
        border-radius: 50%
    }

    .language-button {
        display: flex;
        padding: 6px 8px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-radius: 25px;
        background: #2b2b37;
        height: auto;
        min-height: auto;
        width: auto;
        min-width: auto;
        max-width: none;
        max-height: none
    }

    .language-button p,.language-button .language-text {
        font-size: 8px
    }

    .bot-button {
        height: auto;
        min-height: auto;
        padding: 6px 8px;
        font-size: 14px;
        min-width: 0;
        white-space: nowrap;
        gap: 4px;
        border-radius: 25px
    }

    .bot-button-content {
        font-size: 14px
    }

    .hero-title {
        font-size: 20px;
        max-width: 100%;
        line-height: normal
    }

    .nav-container {
        padding: 4px;
        gap: 4px
    }

    .tab-button {
        padding: 12px 16px;
        font-size: 16px
    }

    .tab-icon {
        width: 16px;
        height: 16px
    }

    img.tab-icon[src$="ton.svg"] {
        width: 23px;
        height: 23px
    }

    .section-title {
        font-size: 24px
    }

    .section-subtitle {
        font-size: 16px
    }

    .form-container,.input-field {
        max-width: 100%
    }
}

@keyframes enter {
    0% {
        opacity: var(--tw-enter-opacity, 1);
        transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))
    }
}

@keyframes exit {
    to {
        opacity: var(--tw-exit-opacity, 1);
        transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))
    }
}

@keyframes shake {
    0%,to {
        transform: translate(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate(-4px)
    }

    20%,40%,60%,80% {
        transform: translate(4px)
    }
}

.animate-shake {
    animation: .9s ease-in-out shake
}

.fade-in-0,.fade-in {
    --tw-enter-opacity: 0
}

.fade-out-0 {
    --tw-exit-opacity: 0
}

.zoom-in-95 {
    --tw-enter-scale: .95
}

.zoom-out-95 {
    --tw-exit-scale: .95
}

.animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none)
}

.animate-out {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s)) var(--tw-ease, ease) var(--tw-animation-delay, 0s) var(--tw-animation-iteration-count, 1) var(--tw-animation-direction, normal) var(--tw-animation-fill-mode, none)
}

@property --tw-animation-delay {
    syntax: "*";
    inherits: false;
    initial-value: 0s;
}

@property --tw-animation-direction {
    syntax: "*";
    inherits: false;
    initial-value: normal;
}

@property --tw-animation-duration {
    syntax: "*";
    inherits: false;
}

@property --tw-animation-fill-mode {
    syntax: "*";
    inherits: false;
    initial-value: none;
}

@property --tw-animation-iteration-count {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-enter-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-enter-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-enter-scale {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-enter-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-enter-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-exit-opacity {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-exit-rotate {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-exit-scale {
    syntax: "*";
    inherits: false;
    initial-value: 1;
}

@property --tw-exit-translate-x {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-exit-translate-y {
    syntax: "*";
    inherits: false;
    initial-value: 0;
}

@property --tw-duration {
    syntax: "*";
    inherits: false;
}

@property --tw-ease {
    syntax: "*";
    inherits: false;
}

.fade-in-simple {
    animation: fadeIn .3s ease-in-out
}

.fade-out-simple {
    animation: fadeOut .3s ease-in-out
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes flyInBottomIOS {
    0% {
        opacity: 0;
        transform: translateY(24px)
    }

    60% {
        opacity: 1;
        transform: translateY(-2px)
    }

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

@keyframes flyInTopIOS {
    0% {
        opacity: 0;
        transform: translateY(-24px)
    }

    60% {
        opacity: 1;
        transform: translateY(2px)
    }

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

@keyframes slideUpNoFade {
    0% {
        transform: translateY(12px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideDownNoFade {
    0% {
        transform: translateY(-12px)
    }

    to {
        transform: translateY(0)
    }
}

body:not(.is-ready) .header,body:not(.is-ready) .card,body:not(.is-ready) .section-title,body:not(.is-ready) .section-subtitle,body:not(.is-ready) .nav-container,body:not(.is-ready) .hero-title {
    animation: none!important
}

body:not(.is-ready) .nav-container {
    transform: translateY(12px)
}

body.is-ready .hero-title {
    animation: slideUpNoFade .35s cubic-bezier(.2,.8,.2,1) both
}

body.is-ready .nav-container {
    animation: slideUpNoFade .35s cubic-bezier(.2,.8,.2,1) .1s both
}

body.is-ready .header {
    animation: slideDownNoFade .35s cubic-bezier(.2,.8,.2,1) both
}

body.is-ready .card,body.is-ready .section-title,body.is-ready .section-subtitle {
    animation: slideUpNoFade .35s cubic-bezier(.2,.8,.2,1) both
}

.icon-wrapper[data-v-14836f79] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.icon-image[data-v-14836f79] {
    width: 24px!important;
    height: 24px!important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
    margin: 0 auto
}

.icon-image svg[data-v-14836f79] {
    width: 24px!important;
    height: 24px!important;
    min-width: 24px!important;
    min-height: 24px!important;
    max-width: 24px!important;
    max-height: 24px!important;
    display: block!important;
    margin: 0 auto
}

@media(max-width: 768px) {
    .icon-image[data-v-14836f79] {
        width:16px!important;
        height: 16px!important;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto
    }

    .icon-image svg[data-v-14836f79] {
        width: 16px!important;
        height: 16px!important;
        min-width: 16px!important;
        min-height: 16px!important;
        max-width: 16px!important;
        max-height: 16px!important;
        margin: 0 auto
    }
}

.language-button-content[data-v-c4d9fd14] {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
    overflow: hidden;
    border: none;
    cursor: pointer;
    transition: opacity .2s;
    width: 100%;
    height: 100%;
    margin: 0
}

@media(max-width: 768px) {
    .language-button-content[data-v-c4d9fd14] {
        padding:6px 8px;
        justify-content: center;
        align-items: center
    }
}

.language-button-content[data-v-c4d9fd14]:hover {
    opacity: .8
}

.language-icon[data-v-c4d9fd14] {
    width: 18px!important;
    height: 18px!important;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0 3px 0 0
}

.language-icon>div[data-v-c4d9fd14] {
    width: 18px!important;
    height: 18px!important;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
    flex-shrink: 0;
    margin: 0!important;
    padding: 0!important;
    position: relative!important
}

.language-icon svg[data-v-c4d9fd14] {
    width: 18px!important;
    height: 18px!important;
    min-width: 18px!important;
    min-height: 18px!important;
    max-width: 18px!important;
    max-height: 18px!important;
    display: block!important;
    margin: 0!important;
    padding: 0!important;
    position: relative!important
}

.language-text[data-v-c4d9fd14] {
    color: #fff;
    text-align: center;
    font-family: Inter Tight,sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    white-space: nowrap;
    margin: 0;
    padding: 0;
    transition: color .3s ease;
    display: block;
    flex-shrink: 0
}

@media(max-width: 768px) {
    .language-text[data-v-c4d9fd14] {
        display:block;
        font-size: 14px
    }

    .language-icon[data-v-c4d9fd14] {
        margin-bottom: 0!important;
        margin-right: 0!important;
        padding-right: 2px!important;
        width: 18px!important;
        height: 18px!important
    }

    .language-icon>div[data-v-c4d9fd14] {
        width: 18px!important;
        height: 18px!important
    }

    .language-icon svg[data-v-c4d9fd14] {
        width: 18px!important;
        height: 18px!important;
        min-width: 18px!important;
        min-height: 18px!important;
        max-width: 18px!important;
        max-height: 18px!important
    }
}

.light-theme .language-text[data-v-c4d9fd14] {
    color: #1c1c1e
}

.payment-dropdown-wrapper[data-v-7b1b0313] {
    position: relative;
    width: 100%
}

.payment-dropdown-button[data-v-7b1b0313] {
    background-color: #2b2b37;
    border: none;
    border-radius: 15px;
    padding: 16px;
    height: 52px;
    width: 100%;
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
    text-align: left;
    transition: background-color .2s ease,border-color .2s ease
}

.payment-button-icon[data-v-7b1b0313] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.payment-button-icon img[data-v-7b1b0313] {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.light-theme .payment-dropdown-button[data-v-7b1b0313] {
    background-color: #f1f3f5!important
}

.payment-dropdown-button[data-v-7b1b0313]:hover {
    background-color: #252531;
    border: 1px solid #2b2b37
}

.light-theme .payment-dropdown-button[data-v-7b1b0313]:hover {
    background-color: #e9ebee;
    border: 1px solid #ced1d4
}

.payment-dropdown-button[data-v-7b1b0313]:focus,.payment-dropdown-button[data-v-7b1b0313]:focus-visible,.payment-dropdown-button[data-v-7b1b0313]:active {
    background-color: #252531;
    border: 1px solid #3b3b46;
    outline: none;
    box-shadow: none
}

.light-theme .payment-dropdown-button[data-v-7b1b0313]:focus,.light-theme .payment-dropdown-button[data-v-7b1b0313]:focus-visible,.light-theme .payment-dropdown-button[data-v-7b1b0313]:active {
    background-color: #f6f6f6;
    border: 1px solid #cdcfd2
}

.payment-dropdown-button.error[data-v-7b1b0313] {
    background-color: #2b2b37;
    border: 1px solid #d32f2f
}

.payment-dropdown-button.success[data-v-7b1b0313] {
    background-color: #2b2b37;
    border: 1px solid #0098eb
}

.payment-placeholder[data-v-7b1b0313] {
    flex: 1;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #bbb;
    white-space: pre;
    margin: 0;
    transition: color .3s ease
}

.payment-selected[data-v-7b1b0313] {
    flex: 1;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    white-space: pre;
    margin: 0;
    transition: color .3s ease
}

.dropdown-icon[data-v-7b1b0313] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    transition: filter .3s ease
}

.dropdown-arrow[data-v-7b1b0313] {
    width: 100%;
    height: 100%;
    display: block;
    transition: transform .3s ease
}

.dropdown-arrow.rotated[data-v-7b1b0313] {
    transform: rotate(180deg)
}

.dropdown-arrow path[data-v-7b1b0313] {
    stroke: #fff;
    transition: stroke .3s ease
}

.light-theme .dropdown-arrow path[data-v-7b1b0313] {
    stroke: #8e8e93
}

.payment-options-container[data-v-7b1b0313] {
    margin-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

.payment-options-container.dropdown-closed[data-v-7b1b0313] {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    overflow: hidden;
    pointer-events: none;
    transform: translateY(-10px);
    transition: opacity .2s ease,transform .2s ease,max-height .2s ease,visibility 0s .2s
}

.payment-options-container.dropdown-open[data-v-7b1b0313] {
    opacity: 1;
    visibility: visible;
    max-height: 500px;
    pointer-events: auto;
    transform: translateY(0);
    transition: opacity .2s ease,transform .2s ease,max-height .2s ease,visibility 0s 0s
}

.payment-option-wrapper[data-v-7b1b0313] {
    background-color: #2b2b37;
    border-radius: 10px;
    padding: 4px;
    cursor: pointer;
    transition: background-color .2s ease
}

.light-theme .payment-option-wrapper[data-v-7b1b0313] {
    background-color: #f1f3f5
}

.payment-option-wrapper[data-v-7b1b0313]:hover {
    background-color: #353547
}

.light-theme .payment-option-wrapper[data-v-7b1b0313]:hover {
    background-color: #e9ebee
}

.payment-option-wrapper.selected[data-v-7b1b0313] {
    background-color: #353547
}

.light-theme .payment-option-wrapper.selected[data-v-7b1b0313] {
    background-color: #e9ebee
}

.payment-option[data-v-7b1b0313] {
    border-radius: 15px;
    padding: 4px 8px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.payment-option-content[data-v-7b1b0313] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

.payment-icon[data-v-7b1b0313] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.payment-icon img[data-v-7b1b0313] {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0;
    padding: 0
}

.payment-name[data-v-7b1b0313] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
    margin: 0;
    padding: 0;
    white-space: pre;
    transition: color .3s ease;
    display: flex;
    align-items: center;
    line-height: 1
}

.light-theme .payment-name[data-v-7b1b0313] {
    color: #1c1c1e
}

.light-theme .payment-placeholder[data-v-7b1b0313] {
    color: gray
}

.light-theme .payment-selected[data-v-7b1b0313] {
    color: #1c1c1e
}

@media(max-width: 768px) {
    .payment-dropdown-button[data-v-7b1b0313] {
        height:40px;
        padding: 8px 16px;
        border-radius: 10px
    }

    .payment-placeholder[data-v-7b1b0313],.payment-selected[data-v-7b1b0313] {
        font-size: 14px
    }

    .dropdown-icon[data-v-7b1b0313],.dropdown-arrow[data-v-7b1b0313],.payment-button-icon[data-v-7b1b0313] {
        width: 16px;
        height: 16px
    }

    .payment-option-wrapper[data-v-7b1b0313] {
        height: 40px;
        border-radius: 10px
    }

    .payment-option[data-v-7b1b0313] {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        height: 40px
    }

    .payment-option-content[data-v-7b1b0313] {
        margin-bottom: 7px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 8px;
        width: 100%
    }

    .payment-icon[data-v-7b1b0313] {
        width: 16px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0
    }

    .payment-icon img[data-v-7b1b0313] {
        width: 100%;
        height: 100%;
        display: block;
        -o-object-fit: contain;
        object-fit: contain;
        margin: 0;
        padding: 0
    }

    .payment-name[data-v-7b1b0313] {
        font-size: 14px;
        margin: 0;
        padding: 0;
        display: flex;
        align-items: center;
        line-height: 1
    }
}

.input-text[data-v-abc88eb2] {
    flex: 1;
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    white-space: pre
}

.input-placeholder[data-v-abc88eb2] {
    flex: 1;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #bbb;
    white-space: pre
}

.input-placeholder-text[data-v-abc88eb2] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #bbb;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 100%
}

.input-placeholder-text[data-v-abc88eb2]::-moz-placeholder {
    color: #bbb
}

.input-placeholder-text[data-v-abc88eb2]::placeholder {
    color: #bbb
}

@media(max-width: 768px) {
    .input-placeholder-text[data-v-abc88eb2] {
        font-size:14px
    }
}

.input-text[data-v-84ab50ad] {
    flex: 1;
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    white-space: pre
}

.input-placeholder[data-v-84ab50ad] {
    flex: 1;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #bbb;
    white-space: pre
}

.input-placeholder-text[data-v-84ab50ad] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #bbb;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 100%
}

.input-placeholder-text[data-v-84ab50ad]::-moz-placeholder {
    color: #bbb
}

.input-placeholder-text[data-v-84ab50ad]::placeholder {
    color: #bbb
}

@media(max-width: 768px) {
    .input-placeholder-text[data-v-84ab50ad] {
        font-size:14px
    }
}

.input-placeholder-text[data-v-4af63de1] {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: #bbb;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    transition: color .3s ease
}

.light-theme .input-placeholder-text[data-v-4af63de1] {
    color: gray!important
}

.input-placeholder-text[data-v-4af63de1]::-moz-placeholder {
    color: #bbb;
    -moz-transition: color .3s ease;
    transition: color .3s ease
}

.input-placeholder-text[data-v-4af63de1]::placeholder {
    color: #bbb;
    transition: color .3s ease
}

.light-theme .input-placeholder-text[data-v-4af63de1]::-moz-placeholder {
    color: gray!important
}

.light-theme .input-placeholder-text[data-v-4af63de1]::placeholder {
    color: gray!important
}

.input-placeholder[data-v-4af63de1] {
    flex: 1;
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #bbb;
    white-space: pre
}

.subscription-options[data-v-4af63de1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

.subscription-option[data-v-4af63de1] {
    background-color: #2b2b37;
    border-radius: 15px;
    padding: 16px;
    height: 52px;
    display: flex;
    gap: 16px;
    align-items: center;
    cursor: pointer;
    transition: background-color .2s ease
}

.light-theme .subscription-option[data-v-4af63de1] {
    background-color: #f1f3f5!important
}

.subscription-option[data-v-4af63de1]:hover {
    background-color: #353547
}

.light-theme .subscription-option[data-v-4af63de1]:hover {
    background-color: #e9ebee!important
}

.subscription-option.selected[data-v-4af63de1] {
    background-color: #353547
}

.light-theme .subscription-option.selected[data-v-4af63de1] {
    background-color: #e9ebee!important
}

.radio-button[data-v-4af63de1] {
    width: 16px;
    height: 16px;
    border: 1px solid #0098EB;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: border-color .3s ease
}

.light-theme .radio-button[data-v-4af63de1] {
    border-color: #1c1c1e!important
}

.radio-filled[data-v-4af63de1] {
    width: 8px;
    height: 8px;
    background-color: #0098eb;
    border-radius: 50%
}

.subscription-info[data-v-4af63de1] {
    flex: 1
}

.subscription-period[data-v-4af63de1] {
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    margin: 0;
    transition: color .3s ease
}

.light-theme .subscription-period[data-v-4af63de1] {
    color: #1c1c1e!important
}

.subscription-price[data-v-4af63de1] {
    display: flex;
    gap: 10px;
    align-items: center
}

.price[data-v-4af63de1] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    margin: 0;
    white-space: pre;
    transition: color .3s ease
}

.light-theme .price[data-v-4af63de1] {
    color: #1c1c1e!important
}

.discount-badge[data-v-4af63de1] {
    background-color: #0098eb;
    border-radius: 25px;
    padding: 8px 16px;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    flex-shrink: 0
}

@media(max-width: 768px) {
    .subscription-option[data-v-4af63de1] {
        height:39px;
        padding: 8px 16px;
        gap: 16px
    }

    .subscription-period[data-v-4af63de1],.price[data-v-4af63de1] {
        font-size: 16px
    }

    .discount-badge[data-v-4af63de1] {
        padding: 4px 16px;
        font-size: 15px
    }

    .form-container[data-v-4af63de1] {
        max-width: 319px
    }
}

.animated-emoji-container[data-v-caee4230] {
    display: block!important;
    position: relative;
    overflow: hidden
}

.animated-emoji[data-v-caee4230] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block!important;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    will-change: transform;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    image-rendering: auto;
    content-visibility: auto;
    contain: layout style paint
}

video.animated-emoji[data-v-caee4230] {
    background: transparent
}

.faq-content-wrapper[data-v-7d416f8c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.faq-icon-container[data-v-7d416f8c] {
    flex-shrink: 0
}

.faq-icon-outer[data-v-7d416f8c] {
    background-color: #0098eb;
    border-radius: 12px;
    padding: 4px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    flex-shrink: 0
}

.faq-icon-inner[data-v-7d416f8c] {
    width: 16px;
    height: 16px;
    transition: transform .4s cubic-bezier(.25,.1,.25,1);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0;
    padding: 0
}

.faq-icon-inner.rotated[data-v-7d416f8c] {
    transform: rotate(180deg)
}

.faq-icon-inner svg[data-v-7d416f8c] {
    width: 16px;
    height: 16px;
    display: block;
    margin: 0;
    padding: 0;
    transition: fill .3s ease;
    position: relative
}

.faq-icon-inner svg path[data-v-7d416f8c] {
    fill: #fff;
    transition: fill .3s ease
}

.light-theme .faq-icon-inner svg path[data-v-7d416f8c] {
    fill: #fff
}

.faq-answer[data-v-7d416f8c] {
    overflow: hidden
}

@media(max-width: 768px) {
    .faq-icon-outer[data-v-7d416f8c] {
        width:20px;
        height: 20px;
        padding: 3px
    }

    .faq-icon-inner[data-v-7d416f8c] {
        width: 14px;
        height: 14px
    }

    .faq-icon-inner svg[data-v-7d416f8c] {
        width: 14px;
        height: 14px;
        margin: 0;
        padding: 0
    }
}

.nav-container[data-v-166a496e] {
    position: relative;
    display: inline-flex;
    gap: 8px;
    overflow: hidden
}

.nav-container .tab-button[data-v-166a496e] {
    position: relative;
    z-index: 1
}

.nav-container .tab-button.active[data-v-166a496e],.nav-container .tab-button[data-v-166a496e]:hover {
    background-color: transparent
}

.tab-slider[data-v-166a496e] {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
    background-color: #2b2b37;
    transition: transform .38s cubic-bezier(.34,1.56,.64,1),width .38s cubic-bezier(.34,1.56,.64,1),height .38s cubic-bezier(.34,1.56,.64,1);
    z-index: -1;
    pointer-events: none
}

.tab-hover-slider[data-v-166a496e] {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 25px;
    background-color: #2b2b37;
    z-index: 0;
    pointer-events: none;
    transform-origin: center
}

.referral-container .image-placeholder[data-v-166a496e] {
    background: transparent!important;
    overflow: visible
}

.referral-container .animated-emoji-container[data-v-166a496e],.referral-container .referral-static-image[data-v-166a496e],.status-image[data-v-166a496e] {
    background: transparent!important;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.payment-status-page[data-v-a7fd0b2d] {
    min-height: 100vh;
    background-color: #0f0f16;
    display: flex;
    flex-direction: column
}

.payment-status-page:not([data-initialized]) .payment-content[data-v-a7fd0b2d] {
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease-in,visibility .2s ease-in
}

.payment-status-page[data-initialized] .payment-content[data-v-a7fd0b2d] {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s ease-out,visibility .3s ease-out
}

.status-changing-overlay[data-v-a7fd0b2d] {
    position: fixed;
    inset: 0;
    background: #0f0f16;
    z-index: 9998;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

body.light-theme .status-changing-overlay[data-v-a7fd0b2d] {
    background: #f7f7f7
}

.loader-container[data-v-a7fd0b2d] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center
}

.loader-dot[data-v-a7fd0b2d] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #0098eb;
    margin: 6px;
    animation: loader-dot-a7fd0b2d .9s infinite ease-in-out
}

.loader-dot[data-v-a7fd0b2d]:nth-child(2) {
    animation-delay: .15s
}

.loader-dot[data-v-a7fd0b2d]:nth-child(3) {
    animation-delay: .3s
}

body.light-theme .loader-dot[data-v-a7fd0b2d] {
    background: #1c1c1e
}

@keyframes loader-dot-a7fd0b2d {
    0%,80%,to {
        transform: scale(.6)
    }

    40% {
        transform: scale(1)
    }
}

.payment-status-page .header[data-v-a7fd0b2d] {
    max-width: 1148px;
    width: 100%;
    margin: 0 auto;
    padding: 32px 20px
}

.payment-status-page .footer[data-v-a7fd0b2d] {
    max-width: 1148px;
    width: 100%;
    margin: 0 auto 24px;
    padding: 0 20px
}

@media(max-width: 768px) {
    .payment-status-page .header[data-v-a7fd0b2d] {
        padding:32px 16px
    }

    .payment-status-page .footer[data-v-a7fd0b2d] {
        padding: 0 16px
    }
}

.payment-content[data-v-a7fd0b2d] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px 20px;
    max-width: 1148px;
    width: 100%;
    margin: 0 auto
}

.result-state[data-v-a7fd0b2d] {
    text-align: center;
    max-width: 600px
}

.eclipse[data-v-a7fd0b2d] {
    font-size: 64px;
    margin-bottom: 24px
}

.result-state h1[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    margin-bottom: 16px
}

.result-state p[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #bbb;
    margin-bottom: 32px
}

.actions[data-v-a7fd0b2d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center
}

.action-button[data-v-a7fd0b2d] {
    background-color: #0098eb;
    color: #fff;
    padding: 24px 48px;
    border-radius: 25px;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-decoration: none;
    transition: opacity .2s
}

.action-button[data-v-a7fd0b2d]:hover {
    opacity: .9
}

.action-link[data-v-a7fd0b2d] {
    color: #0098eb;
    text-decoration: underline;
    font-family: Onest,sans-serif;
    font-size: 16px
}

.payment-pending-container[data-v-a7fd0b2d] {
    max-width: 1148px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px
}

.payment-icon-large[data-v-a7fd0b2d] {
    width: 128px;
    height: 128px;
    display: flex;
    align-items: center;
    justify-content: center
}

.payment-icon-large img[data-v-a7fd0b2d] {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.hide-on-desktop[data-v-a7fd0b2d] {
    display: flex
}

@media(min-width: 769px) {
    .hide-on-desktop[data-v-a7fd0b2d] {
        display:none
    }
}

.payment-header-text[data-v-a7fd0b2d] {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.qr-code-container[data-v-a7fd0b2d] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

.qr-code-image[data-v-a7fd0b2d] {
    width: 250px;
    height: 250px;
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 16px;
    background-color: #fff;
    padding: 0;
    border: 1px solid #0098eb
}

.payment-title[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    margin: 0
}

.payment-subtitle[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 24px;
    color: #bbb;
    margin: 0
}

.payment-card[data-v-a7fd0b2d] {
    background-color: #191921;
    border-radius: 25px;
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px
}

.payment-info[data-v-a7fd0b2d] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.payment-info-row[data-v-a7fd0b2d] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.payment-info-label[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #bbb;
    margin: 0
}

.payment-info-value[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    margin: 0
}

.payment-divider[data-v-a7fd0b2d] {
    height: 1px;
    background-color: #2b2b37;
    width: 100%
}

.payment-instructions[data-v-a7fd0b2d] {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.instruction-primary[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin: 0
}

.instruction-secondary[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #bbb;
    text-align: center;
    margin: 0
}

.payment-action-button[data-v-a7fd0b2d] {
    background-color: #0098eb;
    color: #fff;
    padding: 24px 48px;
    border-radius: 25px;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 24px;
    border: none;
    cursor: pointer;
    transition: opacity .2s
}

.payment-action-button[data-v-a7fd0b2d]:hover {
    opacity: .9
}

.payment-agreement-text[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 400;
    font-size: 12px;
    color: gray;
    text-align: center;
    margin: 0;
    line-height: 1.4
}

.payment-agreement-link[data-v-a7fd0b2d] {
    color: #0098eb;
    text-decoration: underline;
    transition: opacity .2s
}

.payment-agreement-link[data-v-a7fd0b2d]:hover {
    opacity: .8
}

.light-theme .payment-agreement-text[data-v-a7fd0b2d] {
    color: #999
}

.light-theme .payment-agreement-link[data-v-a7fd0b2d] {
    color: #0098eb
}

.scam-warning-container[data-v-a7fd0b2d] {
    background-color: #ff3b301a;
    border: 2px solid #ff3b30;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%
}

.scam-warning-icon[data-v-a7fd0b2d] {
    font-size: 28px;
    flex-shrink: 0;
    line-height: 1
}

.scam-warning-text[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: #ff6b6b;
    margin: 0;
    line-height: 1.5
}

.scam-warning-highlight[data-v-a7fd0b2d] {
    font-weight: 700;
    color: #ff3b30;
    background-color: #ff3b3033;
    padding: 2px 6px;
    border-radius: 4px
}

.light-theme .scam-warning-container[data-v-a7fd0b2d] {
    background-color: #ff3b3014;
    border-color: #ff3b30
}

.light-theme .scam-warning-text[data-v-a7fd0b2d] {
    color: #cc2d22
}

.light-theme .scam-warning-highlight[data-v-a7fd0b2d] {
    color: #ff3b30;
    background-color: #ff3b3026
}

.light-theme .payment-status-page[data-v-a7fd0b2d] {
    background-color: #fff
}

.light-theme .payment-title[data-v-a7fd0b2d],.light-theme .payment-info-value[data-v-a7fd0b2d],.light-theme .instruction-primary[data-v-a7fd0b2d] {
    color: #1c1c1e!important
}

.light-theme .payment-subtitle[data-v-a7fd0b2d],.light-theme .payment-info-label[data-v-a7fd0b2d],.light-theme .instruction-secondary[data-v-a7fd0b2d],.light-theme .result-state p[data-v-a7fd0b2d] {
    color: gray!important
}

.light-theme .payment-card[data-v-a7fd0b2d] {
    background-color: #fff!important
}

.light-theme .payment-divider[data-v-a7fd0b2d] {
    background-color: #ced1d4
}

.error-payment-container[data-v-a7fd0b2d] {
    max-width: 1148px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center
}

.error-payment-card[data-v-a7fd0b2d] {
    background-color: #191921;
    border-radius: 25px;
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 64px;
    align-items: center
}

.error-image-container[data-v-a7fd0b2d] {
    width: 350px;
    height: 350px;
    position: relative;
    flex-shrink: 0
}

.error-image-container[data-v-a7fd0b2d] .animated-emoji {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    pointer-events: none;
    transform: translateZ(0);
    will-change: auto;
    backface-visibility: hidden;
    content-visibility: auto
}

.error-text-content[data-v-a7fd0b2d] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    width: 100%;
    text-align: center
}

.error-title-wrapper[data-v-a7fd0b2d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    width: 100%;
    text-align: center
}

.error-title[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    margin: 0
}

.error-subtitle[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #bbb;
    margin: 0;
    white-space: normal
}

.error-return-button[data-v-a7fd0b2d] {
    background-color: #0098eb;
    color: #fff;
    padding: 24px;
    border-radius: 25px;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-decoration: none;
    transition: opacity .2s;
    display: inline-block;
    white-space: nowrap
}

.error-return-button[data-v-a7fd0b2d]:hover {
    opacity: .9
}

.error-code-container[data-v-a7fd0b2d] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 100%
}

.error-code-text[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #bbb;
    text-align: center;
    margin: 0
}

.light-theme .error-payment-card[data-v-a7fd0b2d] {
    background-color: #fff!important
}

.light-theme .error-title[data-v-a7fd0b2d] {
    color: #1c1c1e!important
}

.light-theme .error-subtitle[data-v-a7fd0b2d],.light-theme .error-code-text[data-v-a7fd0b2d] {
    color: gray!important
}

.expired-payment-container[data-v-a7fd0b2d] {
    max-width: 1148px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.expired-payment-card[data-v-a7fd0b2d] {
    background-color: #191921;
    border-radius: 25px;
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center
}

.expired-text-content[data-v-a7fd0b2d],.expired-title-wrapper[data-v-a7fd0b2d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    width: 100%;
    text-align: center
}

.expired-title[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    margin: 0
}

.expired-subtitle[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #bbb;
    margin: 0;
    white-space: normal
}

.expired-image-container[data-v-a7fd0b2d] {
    width: 350px;
    height: 350px;
    position: relative;
    flex-shrink: 0
}

.expired-image-container[data-v-a7fd0b2d] .animated-emoji {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    pointer-events: none;
    transform: translateZ(0);
    will-change: auto;
    backface-visibility: hidden;
    content-visibility: auto
}

.expired-return-button[data-v-a7fd0b2d] {
    background-color: #0098eb;
    color: #fff;
    padding: 24px;
    border-radius: 25px;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-decoration: none;
    transition: opacity .2s;
    display: inline-block;
    white-space: nowrap
}

.expired-return-button[data-v-a7fd0b2d]:hover {
    opacity: .9
}

.light-theme .expired-payment-card[data-v-a7fd0b2d] {
    background-color: #fff!important
}

.light-theme .expired-title[data-v-a7fd0b2d] {
    color: #1c1c1e!important
}

.light-theme .expired-subtitle[data-v-a7fd0b2d] {
    color: gray!important
}

.cancelled-payment-container[data-v-a7fd0b2d] {
    max-width: 1148px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

.cancelled-payment-card[data-v-a7fd0b2d] {
    background-color: #191921;
    border-radius: 25px;
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center
}

.cancelled-text-content[data-v-a7fd0b2d],.cancelled-title-wrapper[data-v-a7fd0b2d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    width: 100%;
    text-align: center
}

.cancelled-title[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    margin: 0
}

.cancelled-subtitle[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #bbb;
    margin: 0;
    white-space: normal
}

.cancelled-image-container[data-v-a7fd0b2d] {
    width: 350px;
    height: 350px;
    position: relative;
    flex-shrink: 0
}

.cancelled-image-container[data-v-a7fd0b2d] .animated-emoji {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    pointer-events: none;
    transform: translateZ(0);
    will-change: auto;
    backface-visibility: hidden;
    content-visibility: auto
}

.cancelled-return-button[data-v-a7fd0b2d] {
    background-color: #0098eb;
    color: #fff;
    padding: 24px;
    border-radius: 25px;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-decoration: none;
    transition: opacity .2s;
    display: inline-block;
    white-space: nowrap
}

.cancelled-return-button[data-v-a7fd0b2d]:hover {
    opacity: .9
}

.light-theme .cancelled-payment-card[data-v-a7fd0b2d] {
    background-color: #fff!important
}

.light-theme .cancelled-title[data-v-a7fd0b2d] {
    color: #1c1c1e!important
}

.light-theme .cancelled-subtitle[data-v-a7fd0b2d] {
    color: gray!important
}

.success-payment-container[data-v-a7fd0b2d] {
    max-width: 1148px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center
}

.success-payment-card[data-v-a7fd0b2d] {
    background-color: #191921;
    border-radius: 25px;
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 64px;
    align-items: center
}

.success-image-container[data-v-a7fd0b2d] {
    width: 350px;
    height: 350px;
    position: relative;
    flex-shrink: 0
}

.success-image-container[data-v-a7fd0b2d] .animated-emoji {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    pointer-events: none;
    transform: translateZ(0);
    will-change: auto;
    backface-visibility: hidden;
    content-visibility: auto
}

.success-text-content[data-v-a7fd0b2d] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    width: 100%;
    text-align: center
}

.success-title-wrapper[data-v-a7fd0b2d] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    width: 100%;
    text-align: center
}

.success-title[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    margin: 0
}

.success-subtitle[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #bbb;
    margin: 0;
    white-space: normal
}

.success-return-button[data-v-a7fd0b2d] {
    background-color: #0098eb;
    color: #fff;
    padding: 24px;
    border-radius: 25px;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-decoration: none;
    transition: opacity .2s;
    display: inline-block;
    white-space: nowrap
}

.success-return-button[data-v-a7fd0b2d]:hover {
    opacity: .9
}

.order-number-container[data-v-a7fd0b2d] {
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    width: 100%
}

.order-number-text[data-v-a7fd0b2d] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #bbb;
    text-align: center;
    margin: 0
}

.light-theme .success-payment-card[data-v-a7fd0b2d] {
    background-color: #fff!important
}

.light-theme .success-title[data-v-a7fd0b2d] {
    color: #1c1c1e!important
}

.light-theme .success-subtitle[data-v-a7fd0b2d],.light-theme .order-number-text[data-v-a7fd0b2d] {
    color: gray!important
}

.light-theme .result-state h1[data-v-a7fd0b2d] {
    color: #1c1c1e!important
}

.light-theme .action-link[data-v-a7fd0b2d] {
    color: #0098eb
}

@media(max-width: 768px) {
    .payment-content[data-v-a7fd0b2d] {
        padding:32px 16px
    }

    .payment-title[data-v-a7fd0b2d] {
        font-size: 28px
    }

    .payment-subtitle[data-v-a7fd0b2d] {
        font-size: 18px
    }

    .payment-card[data-v-a7fd0b2d] {
        padding: 24px
    }

    .payment-action-button[data-v-a7fd0b2d] {
        padding: 20px 32px;
        font-size: 20px;
        width: 100%
    }

    .scam-warning-container[data-v-a7fd0b2d] {
        padding: 16px;
        gap: 12px
    }

    .scam-warning-icon[data-v-a7fd0b2d] {
        font-size: 24px
    }

    .scam-warning-text[data-v-a7fd0b2d] {
        font-size: 13px
    }

    .payment-agreement-text[data-v-a7fd0b2d] {
        font-size: 11px
    }

    .qr-code-container[data-v-a7fd0b2d] {
        display: none
    }

    .error-payment-card[data-v-a7fd0b2d] {
        padding: 24px;
        gap: 32px
    }

    .error-image-container[data-v-a7fd0b2d] {
        width: 250px;
        height: 250px
    }

    .error-title[data-v-a7fd0b2d] {
        font-size: 28px
    }

    .error-subtitle[data-v-a7fd0b2d] {
        font-size: 18px
    }

    .error-return-button[data-v-a7fd0b2d] {
        padding: 20px 32px;
        font-size: 20px;
        width: 100%
    }

    .success-payment-card[data-v-a7fd0b2d] {
        padding: 24px;
        gap: 32px
    }

    .success-image-container[data-v-a7fd0b2d] {
        width: 250px;
        height: 250px
    }

    .success-title[data-v-a7fd0b2d] {
        font-size: 28px
    }

    .success-subtitle[data-v-a7fd0b2d] {
        font-size: 18px
    }

    .success-return-button[data-v-a7fd0b2d] {
        padding: 20px 32px;
        font-size: 20px;
        width: 100%
    }

    .expired-payment-card[data-v-a7fd0b2d] {
        padding: 24px;
        gap: 32px
    }

    .expired-image-container[data-v-a7fd0b2d] {
        width: 250px;
        height: 250px
    }

    .expired-title[data-v-a7fd0b2d] {
        font-size: 28px
    }

    .expired-subtitle[data-v-a7fd0b2d] {
        font-size: 18px
    }

    .expired-return-button[data-v-a7fd0b2d] {
        padding: 20px 32px;
        font-size: 20px;
        width: 100%
    }

    .cancelled-payment-card[data-v-a7fd0b2d] {
        padding: 24px;
        gap: 32px
    }

    .cancelled-image-container[data-v-a7fd0b2d] {
        width: 250px;
        height: 250px
    }

    .cancelled-title[data-v-a7fd0b2d] {
        font-size: 28px
    }

    .cancelled-subtitle[data-v-a7fd0b2d] {
        font-size: 18px
    }

    .cancelled-return-button[data-v-a7fd0b2d] {
        padding: 20px 32px;
        font-size: 20px;
        width: 100%
    }
}

.not-found-page[data-v-3d7beb13] {
    min-height: 100vh;
    background-color: #0f0f16;
    display: flex;
    flex-direction: column;
    transition: background-color .3s ease
}

.light-theme .not-found-page[data-v-3d7beb13] {
    background-color: #fff
}

.header-wrapper[data-v-3d7beb13] {
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 32px 20px 0
}

.header[data-v-3d7beb13] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 1148px
}

.not-found-content[data-v-3d7beb13] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 64px 20px;
    max-width: 1148px;
    width: 100%;
    margin: 0 auto;
    position: relative
}

.not-found-container[data-v-3d7beb13] {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.not-found-card[data-v-3d7beb13] {
    background-color: #191921;
    border-radius: 25px;
    padding: 32px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    position: relative;
    overflow: hidden
}

.not-found-number[data-v-3d7beb13] {
    font-family: Inter,sans-serif;
    font-weight: 600;
    font-size: 256px;
    line-height: 1;
    color: #fff;
    text-align: center
}

.not-found-4[data-v-3d7beb13] {
    color: #fff
}

.not-found-0[data-v-3d7beb13] {
    color: #0098ebcc
}

.not-found-text-content[data-v-3d7beb13] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    width: 100%;
    text-align: center
}

.not-found-title-wrapper[data-v-3d7beb13] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    width: 100%;
    text-align: center
}

.not-found-title[data-v-3d7beb13] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 36px;
    color: #fff;
    margin: 0;
    max-width: 734px
}

.not-found-subtitle[data-v-3d7beb13] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 24px;
    color: #bbb;
    margin: 0;
    white-space: normal;
    max-width: 734px
}

.not-found-return-button[data-v-3d7beb13] {
    background-color: #0098eb;
    color: #fff;
    padding: 24px;
    border-radius: 25px;
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 24px;
    text-decoration: none;
    transition: opacity .2s;
    display: inline-block;
    white-space: nowrap
}

.not-found-return-button[data-v-3d7beb13]:hover {
    opacity: .9
}

.not-found-image[data-v-3d7beb13] {
    position: absolute;
    width: 128px;
    height: 128px;
    left: 32px;
    bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    z-index: 1
}

@media(max-width: 768px) {
    .not-found-image[data-v-3d7beb13] {
        display:none
    }
}

.not-found-image-img[data-v-3d7beb13] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    pointer-events: none;
    transform: translateZ(0);
    will-change: auto;
    backface-visibility: hidden;
    content-visibility: auto
}

.light-theme .logo-text[data-v-3d7beb13] {
    color: #0098eb!important
}

.light-theme .not-found-title[data-v-3d7beb13] {
    color: #1c1c1e!important
}

.light-theme .not-found-card[data-v-3d7beb13] {
    background-color: #fff!important
}

.light-theme .not-found-subtitle[data-v-3d7beb13] {
    color: gray!important
}

.light-theme .not-found-number[data-v-3d7beb13] {
    color: #1c1c1e!important
}

.light-theme .not-found-4[data-v-3d7beb13] {
    color: #1c1c1e
}

.light-theme .not-found-0[data-v-3d7beb13] {
    color: #0098ebcc
}

.footer-wrapper[data-v-3d7beb13] {
    max-width: 1148px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px 20px;
    display: flex;
    justify-content: center
}

@media(max-width: 768px) {
    .footer-wrapper[data-v-3d7beb13] {
        padding:0 16px;
        display: flex
    }

    .footer-wrapper .footer[data-v-3d7beb13] {
        margin: 0 auto
    }
}

@media(max-width: 768px) {
    .header-wrapper[data-v-3d7beb13] {
        padding:32px 16px 0
    }

    .not-found-number[data-v-3d7beb13] {
        font-size: 150px
    }

    .not-found-title[data-v-3d7beb13] {
        font-size: 28px
    }

    .not-found-subtitle[data-v-3d7beb13] {
        font-size: 18px
    }

    .not-found-return-button[data-v-3d7beb13] {
        padding: 20px 32px;
        font-size: 20px;
        width: 100%
    }
}

.test-container[data-v-b9ff4745] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
    min-height: 100vh;
    background-color: #0f0f16;
    color: #fff
}

.test-header[data-v-b9ff4745] {
    text-align: center;
    margin-bottom: 48px
}

.test-header h1[data-v-b9ff4745] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 16px;
    color: #fff
}

.test-header p[data-v-b9ff4745] {
    font-family: Onest,sans-serif;
    font-size: 18px;
    color: #bbb
}

.test-categories[data-v-b9ff4745] {
    display: grid;
    gap: 32px;
    margin-bottom: 48px
}

.test-category[data-v-b9ff4745] {
    background-color: #191921;
    border-radius: 25px;
    padding: 32px
}

.test-category h2[data-v-b9ff4745] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 20px;
    color: #fff
}

.test-links[data-v-b9ff4745] {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
    gap: 16px
}

.test-link[data-v-b9ff4745] {
    display: block;
    padding: 16px 24px;
    border-radius: 12px;
    text-decoration: none;
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    transition: all .2s
}

.test-link.success[data-v-b9ff4745] {
    background-color: #10b981;
    color: #fff
}

.test-link.success[data-v-b9ff4745]:hover {
    background-color: #059669;
    transform: translateY(-2px)
}

.test-link.pending[data-v-b9ff4745] {
    background-color: #0098eb;
    color: #fff
}

.test-link.pending[data-v-b9ff4745]:hover {
    background-color: #0080cc;
    transform: translateY(-2px)
}

.test-link.error[data-v-b9ff4745] {
    background-color: #ef4444;
    color: #fff
}

.test-link.error[data-v-b9ff4745]:hover {
    background-color: #dc2626;
    transform: translateY(-2px)
}

.test-link.special[data-v-b9ff4745] {
    background-color: #6366f1;
    color: #fff
}

.test-link.special[data-v-b9ff4745]:hover {
    background-color: #4f46e5;
    transform: translateY(-2px)
}

.test-info[data-v-b9ff4745] {
    background-color: #191921;
    border-radius: 25px;
    padding: 32px
}

.test-info h3[data-v-b9ff4745] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 16px;
    color: #fff
}

.test-info ul[data-v-b9ff4745] {
    list-style: none;
    padding: 0;
    margin: 0
}

.test-info li[data-v-b9ff4745] {
    font-family: Onest,sans-serif;
    font-size: 16px;
    color: #bbb;
    margin-bottom: 12px;
    padding-left: 24px;
    position: relative
}

.test-info li[data-v-b9ff4745]:before {
    content: "•";
    position: absolute;
    left: 0;
    color: #0098eb;
    font-size: 20px
}

.test-info code[data-v-b9ff4745] {
    background-color: #2b2b37;
    padding: 2px 8px;
    border-radius: 4px;
    font-family: Courier New,monospace;
    font-size: 14px;
    color: #0098eb
}

@media(max-width: 768px) {
    .test-container[data-v-b9ff4745] {
        padding:24px 16px
    }

    .test-header h1[data-v-b9ff4745] {
        font-size: 28px
    }

    .test-category[data-v-b9ff4745] {
        padding: 24px
    }

    .test-category h2[data-v-b9ff4745] {
        font-size: 20px
    }

    .test-links[data-v-b9ff4745] {
        grid-template-columns: 1fr
    }

    .test-link[data-v-b9ff4745] {
        padding: 14px 20px;
        font-size: 14px
    }

    .test-info[data-v-b9ff4745] {
        padding: 24px
    }
}

.light-theme .test-container[data-v-b9ff4745] {
    background-color: #f5f5f5
}

.light-theme .test-container[data-v-b9ff4745] * {
    color: #1c1c1e!important
}

.light-theme .test-header p[data-v-b9ff4745],.light-theme .test-info li[data-v-b9ff4745] {
    color: gray!important
}

.light-theme .test-category[data-v-b9ff4745],.light-theme .test-info[data-v-b9ff4745] {
    background-color: #f1f3f5!important
}

.light-theme .test-info code[data-v-b9ff4745] {
    background-color: #e5e7eb!important;
    color: #0098eb!important
}

.agreement-container[data-v-aa3d4e37] {
    background-color: #0f0f16;
    min-height: 100vh;
    width: 100%;
    position: relative;
    transition: background-color .3s ease
}

.light-theme .agreement-container[data-v-aa3d4e37] {
    background-color: #f1f3f5!important
}

@media(min-width: 769px) {
    .agreement-container[data-v-aa3d4e37] {
        padding:0;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .header[data-v-aa3d4e37] {
        position: static;
        transform: none;
        width: 100%;
        max-width: 1148px;
        margin: 0 auto;
        padding: 32px 20px 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box
    }

    .agreement-content[data-v-aa3d4e37] {
        width: 100%;
        max-width: 1148px;
        margin: 16px auto 40px;
        padding: 32px;
        box-sizing: border-box;
        background-color: #191921;
        border-radius: 25px
    }

    .agreement-footer-wrapper[data-v-aa3d4e37] {
        width: 100%;
        max-width: 1148px;
        margin: 24px auto 32px;
        padding: 0 20px
    }
}

@media(max-width: 768px) {
    .agreement-container[data-v-aa3d4e37] {
        padding:16px
    }

    .header[data-v-aa3d4e37] {
        position: static;
        transform: none;
        padding: 0;
        margin-bottom: 16px;
        width: 100%;
        max-width: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px
    }

    .header .header-actions[data-v-aa3d4e37] {
        gap: 8px;
        flex-shrink: 0
    }

    .header .icon-button-circle[data-v-aa3d4e37] {
        width: 29px;
        height: 29px;
        padding: 8px
    }

    .header .language-button[data-v-aa3d4e37] {
        height: 29px;
        padding: 6px 8px;
        font-size: 14px
    }

    .header .bot-button[data-v-aa3d4e37] {
        padding: 6px 8px;
        font-size: 14px
    }

    .header .logo-section[data-v-aa3d4e37] {
        flex-shrink: 0
    }

    .header .logo-box[data-v-aa3d4e37] {
        padding: 4px 8px
    }

    .header .logo-text-gradient[data-v-aa3d4e37],.header .logo-text[data-v-aa3d4e37] {
        font-size: 16px
    }

    .agreement-content[data-v-aa3d4e37] {
        position: static;
        transform: none;
        margin: 16px 0;
        padding: 24px 16px;
        border-radius: 16px;
        width: 100%;
        max-width: none;
        background-color: #191921
    }

    .agreement-footer-wrapper[data-v-aa3d4e37] {
        position: static;
        transform: none;
        padding: 0;
        margin-top: 32px;
        width: 100%;
        max-width: none
    }

    .agreement-title[data-v-aa3d4e37] {
        font-size: 24px
    }

    .agreement-date[data-v-aa3d4e37] {
        font-size: 18px
    }

    .agreement-section-title[data-v-aa3d4e37] {
        font-size: 20px
    }

    .agreement-section-subtitle[data-v-aa3d4e37] {
        font-size: 18px
    }

    .agreement-section-text[data-v-aa3d4e37] {
        font-size: 14px
    }

    .agreement-content-inner[data-v-aa3d4e37] {
        gap: 24px
    }
}

.light-theme .agreement-content[data-v-aa3d4e37] {
    background-color: #fff!important
}

.agreement-content-inner[data-v-aa3d4e37] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%
}

.agreement-header-section[data-v-aa3d4e37] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.agreement-title[data-v-aa3d4e37] {
    font-family: Onest,sans-serif;
    font-weight: 600;
    font-size: 32px;
    line-height: normal;
    color: #fff;
    margin: 0;
    text-align: center;
    width: 100%
}

.light-theme .agreement-title[data-v-aa3d4e37] {
    color: #1c1c1e!important
}

.agreement-date[data-v-aa3d4e37] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: normal;
    color: #bbb;
    margin: 0;
    text-align: center;
    width: 100%
}

.light-theme .agreement-date[data-v-aa3d4e37] {
    color: #8e8e93!important
}

.agreement-section[data-v-aa3d4e37] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

.agreement-section-title[data-v-aa3d4e37] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: normal;
    color: #fff;
    margin: 0;
    width: 100%
}

.light-theme .agreement-section-title[data-v-aa3d4e37] {
    color: #1c1c1e!important
}

.agreement-section-subtitle[data-v-aa3d4e37] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: normal;
    color: #fff;
    margin: 0;
    padding: 0 8px;
    white-space: pre-wrap
}

.light-theme .agreement-section-subtitle[data-v-aa3d4e37] {
    color: #1c1c1e!important
}

.agreement-section-text[data-v-aa3d4e37] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: normal;
    color: #bbb;
    margin: 0;
    padding: 0 8px
}

.light-theme .agreement-section-text[data-v-aa3d4e37] {
    color: #8e8e93!important
}

.agreement-list[data-v-aa3d4e37] {
    margin: 8px 0;
    padding-left: 24px
}

ul.agreement-list[data-v-aa3d4e37] {
    list-style-type: disc
}

ol.agreement-list[data-v-aa3d4e37] {
    list-style-type: decimal
}

.agreement-list li[data-v-aa3d4e37] {
    font-family: Onest,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #bbb;
    margin: 4px 0;
    padding: 0 8px
}

.light-theme .agreement-list li[data-v-aa3d4e37] {
    color: #8e8e93!important
}

.agreement-list strong[data-v-aa3d4e37] {
    font-weight: 600
}

.agreement-important[data-v-aa3d4e37] {
    margin-top: 8px;
    padding: 8px;
    background-color: #0098eb1a;
    border-left: 3px solid #0098eb;
    border-radius: 4px
}

.light-theme .agreement-important[data-v-aa3d4e37] {
    background-color: #0098eb0d
}

.agreement-section-text strong[data-v-aa3d4e37] {
    font-weight: 600;
    color: #fff
}

.light-theme .agreement-section-text strong[data-v-aa3d4e37] {
    color: #1c1c1e!important
}