[data-v-e7fc9ef6]:root { --_a: #296399; --_b: #1f4d7a; --_c: #19344e; --_d: #5ab37d; --_e: #488b60 } .vf-loader[data-v-e7fc9ef6] { z-index: 99999; padding: env(safe-area-inset-top, 0) env(safe-area-inset-right, 0) env(safe-area-inset-bottom, 0) env(safe-area-inset-left, 0); font-family: var(--_ez, -apple-system, BlinkMacSystemFont, "\53\65\67\6f\65 \55\49", sans-serif); background: radial-gradient(70% 50% at 50% 45%, rgba(41, 99, 153, .15) 0%, transparent 70%), radial-gradient(60% 40% at 30% 60%, rgba(90, 179, 125, .08) 0%, transparent 65%), linear-gradient(160deg, #1f4d7a 0%, #19344e 50%, #0f1f2e 100%); flex-direction: column; justify-content: center; align-items: center; display: flex; position: fixed; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden } .vf-loader__glow[data-v-e7fc9ef6] { pointer-events: none; -webkit-filter: blur(60px); filter: blur(60px); border-radius: 50%; position: absolute } .vf-loader__glow--blue[data-v-e7fc9ef6] { background: radial-gradient(circle, rgba(41, 99, 153, .35) 0%, transparent 70%); width: 500px; height: 500px; animation: 6s cubic-bezier(.4, 0, .2, 1) infinite vfGlowBlue-e7fc9ef6; top: 35%; left: 50%; transform: translate(-50%, -50%) } .vf-loader__glow--green[data-v-e7fc9ef6] { background: radial-gradient(circle, rgba(90, 179, 125, .25) 0%, transparent 65%); width: 380px; height: 380px; animation: 7s cubic-bezier(.4, 0, .2, 1) -3s infinite vfGlowGreen-e7fc9ef6; top: 50%; left: 50%; transform: translate(-50%, -50%) } .vf-loader__ripple[data-v-e7fc9ef6] { pointer-events: none; border: 2px solid rgba(90, 179, 125, .3); border-radius: 50%; width: 120px; height: 120px; animation: 3s cubic-bezier(.4, 0, .2, 1) infinite vfRipple-e7fc9ef6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) } .vf-loader__ripple--1[data-v-e7fc9ef6] { animation-delay: 0s } .vf-loader__ripple--2[data-v-e7fc9ef6] { animation-delay: 1s } .vf-loader__ripple--3[data-v-e7fc9ef6] { animation-delay: 2s } .vf-loader__center[data-v-e7fc9ef6] { z-index: 1; flex-direction: column; align-items: center; animation: .8s cubic-bezier(.4, 0, .2, 1) both vfFadeIn-e7fc9ef6; display: flex; position: relative } .vf-loader__spinner[data-v-e7fc9ef6] { width: 100px; height: 100px; margin-bottom: 32px; position: relative } .vf-loader__ring[data-v-e7fc9ef6] { border-style: solid; border-color: transparent; border-radius: 50%; position: absolute } .vf-loader__ring--outer[data-v-e7fc9ef6] { border-width: 3px; border-top-color: var(--_a); border-right-color: var(--_a); animation: 2s cubic-bezier(.4, 0, .2, 1) infinite vfSpinOuter-e7fc9ef6; top: 0; bottom: 0; left: 0; right: 0; box-shadow: 0 0 20px rgba(41, 99, 153, .4) } .vf-loader__ring--inner[data-v-e7fc9ef6] { border-width: 3px; border-bottom-color: var(--_d); border-left-color: var(--_d); animation: 1.5s cubic-bezier(.4, 0, .2, 1) infinite reverse vfSpinInner-e7fc9ef6; top: 12px; bottom: 12px; left: 12px; right: 12px; box-shadow: 0 0 16px rgba(90, 179, 125, .4) } .vf-loader__core[data-v-e7fc9ef6] { background: linear-gradient(135deg, var(--_a) 0%, var(--_d) 100%); border-radius: 50%; width: 16px; height: 16px; animation: 2s cubic-bezier(.4, 0, .2, 1) infinite vfPulseCore-e7fc9ef6; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); box-shadow: 0 0 0 4px rgba(41, 99, 153, .15), 0 0 20px rgba(90, 179, 125, .6), inset 0 1px rgba(255, 255, 255, .3) } .vf-loader__text[data-v-e7fc9ef6] { color: rgba(255, 255, 255, .75); letter-spacing: .12em; text-transform: uppercase; text-shadow: 0 1px 3px rgba(0, 0, 0, .3); margin: 0; font-size: 13px; font-weight: 500 } .vf-loader__bottom[data-v-e7fc9ef6] { bottom: calc(env(safe-area-inset-bottom, 0px)+56px); position: absolute; left: 50%; transform: translate(-50%) } .vf-loader__track[data-v-e7fc9ef6] { background: rgba(41, 99, 153, .2); border-radius: 2px; width: 200px; height: 3px; position: relative; overflow: hidden; box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2) } .vf-loader__fill[data-v-e7fc9ef6] { background: linear-gradient(90deg, transparent 0%, var(--_a) 20%, var(--_d) 50%, var(--_a) 80%, transparent 100%); background-size: 200% 100%; border-radius: 2px; animation: 2.5s cubic-bezier(.4, 0, .2, 1) infinite vfSlide-e7fc9ef6; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .vf-loader__shimmer[data-v-e7fc9ef6] { background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, .4) 50%, transparent 100%) 0 0/50% 100%; animation: 2s cubic-bezier(.4, 0, .2, 1) infinite vfShimmer-e7fc9ef6; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .vf-loader-enter-active[data-v-e7fc9ef6] { transition: opacity .5s cubic-bezier(.4, 0, .2, 1) } .vf-loader-leave-active[data-v-e7fc9ef6] { transition: opacity .8s cubic-bezier(.4, 0, .2, 1), -webkit-filter .8s cubic-bezier(.4, 0, .2, 1), filter .8s cubic-bezier(.4, 0, .2, 1) } .vf-loader-enter-from[data-v-e7fc9ef6] { opacity: 0 } .vf-loader-leave-to[data-v-e7fc9ef6] { opacity: 0; -webkit-filter: blur(12px); filter: blur(12px) } @keyframes vfGlowBlue-e7fc9ef6 { 0%, to { opacity: .6; transform: translate(-50%, -50%)scale(1) } 50% { opacity: 1; transform: translate(-50%, -50%)scale(1.2) } } @keyframes vfGlowGreen-e7fc9ef6 { 0%, to { opacity: .5; transform: translate(-50%, -50%)scale(1) } 50% { opacity: .9; transform: translate(-50%, -50%)scale(1.15) } } @keyframes vfRipple-e7fc9ef6 { 0% { opacity: 0; transform: translate(-50%, -50%)scale(.8) } 10% { opacity: .6 } to { opacity: 0; transform: translate(-50%, -50%)scale(2.5) } } @keyframes vfSpinOuter-e7fc9ef6 { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } @keyframes vfSpinInner-e7fc9ef6 { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } @keyframes vfPulseCore-e7fc9ef6 { 0%, to { transform: translate(-50%, -50%)scale(1); box-shadow: 0 0 0 4px rgba(41, 99, 153, .15), 0 0 20px rgba(90, 179, 125, .6), inset 0 1px rgba(255, 255, 255, .3) } 50% { transform: translate(-50%, -50%)scale(1.15); box-shadow: 0 0 0 6px rgba(41, 99, 153, .25), 0 0 30px rgba(90, 179, 125, .8), inset 0 1px rgba(255, 255, 255, .4) } } @keyframes vfSlide-e7fc9ef6 { 0% { background-position: -200% 0 } to { background-position: 200% 0 } } @keyframes vfShimmer-e7fc9ef6 { 0% { background-position: -100% 0 } to { background-position: 200% 0 } } @keyframes vfFadeIn-e7fc9ef6 { 0% { opacity: 0; transform: translateY(15px) } to { opacity: 1; transform: translateY(0) } } @media (prefers-reduced-motion:reduce) { .vf-loader__ring--outer[data-v-e7fc9ef6], .vf-loader__ring--inner[data-v-e7fc9ef6] { animation: none } .vf-loader__core[data-v-e7fc9ef6] { animation: 2s ease-in-out infinite vfPulseSimple-e7fc9ef6 } .vf-loader__glow--blue[data-v-e7fc9ef6], .vf-loader__glow--green[data-v-e7fc9ef6] { opacity: .5; animation: none } .vf-loader__ripple[data-v-e7fc9ef6] { opacity: 0; animation: none } .vf-loader__fill[data-v-e7fc9ef6] { animation: 2s ease-in-out infinite vfPulseSimple-e7fc9ef6 } .vf-loader__shimmer[data-v-e7fc9ef6] { opacity: 0; animation: none } .vf-loader__center[data-v-e7fc9ef6] { opacity: 1; animation: none } .vf-loader-enter-active[data-v-e7fc9ef6], .vf-loader-leave-active[data-v-e7fc9ef6] { transition: opacity .15s linear } .vf-loader-leave-to[data-v-e7fc9ef6] { -webkit-filter: none; filter: none } } @keyframes vfPulseSimple-e7fc9ef6 { 0%, to { opacity: .4 } 50% { opacity: 1 } } @media (max-width:480px) { .vf-loader__spinner[data-v-e7fc9ef6] { width: 80px; height: 80px } .vf-loader__ring--inner[data-v-e7fc9ef6] { top: 10px; bottom: 10px; left: 10px; right: 10px } .vf-loader__core[data-v-e7fc9ef6] { width: 12px; height: 12px } .vf-loader__track[data-v-e7fc9ef6] { width: 160px } .vf-loader__text[data-v-e7fc9ef6] { letter-spacing: .1em; font-size: 11px } } @media (max-width:360px) { .vf-loader__spinner[data-v-e7fc9ef6] { width: 70px; height: 70px } .vf-loader__ring--inner[data-v-e7fc9ef6] { top: 8px; bottom: 8px; left: 8px; right: 8px } .vf-loader__core[data-v-e7fc9ef6] { width: 10px; height: 10px } .vf-loader__track[data-v-e7fc9ef6] { width: 140px } .vf-loader__text[data-v-e7fc9ef6] { letter-spacing: .08em; font-size: 10px } } .vf-navbar[data-v-fd4f9f80] { width: 100%; padding: var(--_ei, 8px) 0; padding-top: calc(var(--_fa, env(safe-area-inset-top, 0px))+var(--_ei, 8px)); z-index: 20; -webkit-text-size-adjust: 100%; -webkit-backdrop-filter: saturate(140%); backdrop-filter: saturate(140%); background: linear-gradient(rgba(34, 86, 134, .98) 0%, rgba(26, 70, 112, .98) 100%); border-bottom: 1px solid rgba(255, 255, 255, .08); align-items: center; display: flex; position: relative; box-shadow: inset 0 1px rgba(255, 255, 255, .06), 0 8px 28px -12px rgba(15, 40, 65, .5) } .vf-navbar-container[data-v-fd4f9f80] { width: 100%; max-width: 1320px; padding: 0 var(--_em, 24px); justify-content: space-between; align-items: center; gap: var(--_ej, 12px); margin: 0 auto; display: flex } .vf-navbar-title[data-v-fd4f9f80] { font-size: inherit; margin: 0; line-height: 1 } .vf-navbar-brand[data-v-fd4f9f80] { padding: var(--_eh, 4px) 0; -webkit-tap-highlight-color: transparent; -webkit-filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .18)); filter: drop-shadow(0 2px 6px rgba(0, 0, 0, .18)); align-items: center; text-decoration: none; transition: transform .25s cubic-bezier(.22, .61, .36, 1); display: inline-flex } .vf-navbar-brand[data-v-fd4f9f80]:hover { transform: translateY(-1px) } .vf-navbar-brand img[data-v-fd4f9f80] { width: auto; height: 50px; display: block } @media (max-width:480px) { .vf-navbar-container[data-v-fd4f9f80] { padding: 0 var(--_ek, 16px) } .vf-navbar-brand img[data-v-fd4f9f80] { height: 38px } } @media (max-width:375px) { .vf-navbar-container[data-v-fd4f9f80] { padding: 0 var(--_ej, 12px) } .vf-navbar-brand img[data-v-fd4f9f80] { height: 34px } } .vf-footer[data-v-e2b7f15f] { color: rgba(255, 255, 255, .92); -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; background: linear-gradient(#1e4e7c 0%, #163c60 100%); flex-shrink: 0; width: 100%; position: relative } .vf-footer__accent[data-v-e2b7f15f] { opacity: .85; background: linear-gradient(90deg, #296399 0%, #5ab37d 40%, #296399 70%, #5ab37d 100%) 0 0/200% 100%; height: 3px; position: absolute; top: 0; left: 0; right: 0 } .vf-footer__inner[data-v-e2b7f15f] { max-width: 1100px; padding: 1.75rem 2rem; padding-bottom: max(1.75rem, calc(env(safe-area-inset-bottom, 0px)+1rem)); text-align: center; flex-direction: column; align-items: center; gap: .75rem; margin: 0 auto; display: flex } .vf-footer__brand[data-v-e2b7f15f] { color: rgba(255, 255, 255, .7); align-items: center; gap: .5rem; display: flex } .vf-footer__shield[data-v-e2b7f15f] { opacity: .65; width: 18px; height: 18px } .vf-footer__title[data-v-e2b7f15f] { letter-spacing: .12em; text-transform: uppercase; opacity: .6; font-size: 13px; font-weight: 600 } .vf-footer__text[data-v-e2b7f15f] { color: rgba(255, 255, 255, .82); letter-spacing: .01em; overflow-wrap: break-word; word-break: break-word; max-width: 640px; margin: 0; font-size: 13.5px; line-height: 1.65 } .vf-footer__meta[data-v-e2b7f15f] { align-items: center; gap: .75rem; margin-top: .25rem; display: flex } .vf-footer__link[data-v-e2b7f15f] { color: rgba(255, 255, 255, .9); cursor: pointer; border-bottom: 1px solid rgba(255, 255, 255, .3); padding-bottom: 1px; font-size: 12.5px; text-decoration: none; transition: border-color .2s, color .2s } .vf-footer__link[data-v-e2b7f15f]:hover { color: #fff; border-bottom-color: rgba(255, 255, 255, .8) } .vf-footer__link[data-v-e2b7f15f]:focus-visible { border-radius: 2px; outline: none; box-shadow: 0 0 0 2px rgba(255, 255, 255, .35) } .vf-footer__sep[data-v-e2b7f15f] { background: rgba(255, 255, 255, .3); border-radius: 50%; width: 3px; height: 3px } .vf-footer__version[data-v-e2b7f15f] { color: rgba(255, 255, 255, .35); letter-spacing: .04em; font-family: SF Mono, Menlo, Consolas, monospace; font-size: 11px } @media (max-width:720px) { .vf-footer__inner[data-v-e2b7f15f] { padding: 1.5rem 1.25rem; padding-bottom: max(1.5rem, calc(env(safe-area-inset-bottom, 0px)+.75rem)) } .vf-footer__text[data-v-e2b7f15f] { font-size: 13px } } @media (max-width:480px) { .vf-footer__inner[data-v-e2b7f15f] { padding: 1.25rem 1rem; padding-bottom: max(1.25rem, calc(env(safe-area-inset-bottom, 0px)+.75rem)); gap: .625rem } .vf-footer__brand[data-v-e2b7f15f] { gap: .375rem } .vf-footer__shield[data-v-e2b7f15f] { width: 16px; height: 16px } .vf-footer__title[data-v-e2b7f15f] { font-size: 12px } .vf-footer__text[data-v-e2b7f15f] { font-size: 12.5px; line-height: 1.55 } .vf-footer__meta[data-v-e2b7f15f] { flex-direction: column; gap: .375rem } .vf-footer__sep[data-v-e2b7f15f] { display: none } .vf-footer__version[data-v-e2b7f15f] { font-size: 10px } } @media (max-width:375px) { .vf-footer__inner[data-v-e2b7f15f] { padding: 1rem .75rem; padding-bottom: max(1rem, calc(env(safe-area-inset-bottom, 0px)+.5rem)) } .vf-footer__text[data-v-e2b7f15f] { font-size: 12px } } @media (max-width:360px) { .vf-footer__inner[data-v-e2b7f15f] { padding: .875rem .625rem; padding-bottom: max(.875rem, calc(env(safe-area-inset-bottom, 0px)+.5rem)); gap: .5rem } .vf-footer__title[data-v-e2b7f15f] { font-size: 11px } .vf-footer__text[data-v-e2b7f15f] { font-size: 11px; line-height: 1.5 } .vf-footer__link[data-v-e2b7f15f] { font-size: 11px } .vf-footer__version[data-v-e2b7f15f] { font-size: 9px } } #app { min-height: 100dvh; background: var(--_fm, #f5f6f8); flex-direction: column; min-height: -webkit-fill-available; display: flex } .vf-main { flex-direction: column; flex: 1 0 auto; display: flex } .fade-enter-active { transition: opacity .3s var(--_ge, cubic-bezier(.22, .61, .36, 1)) } .fade-leave-active { transition: opacity .15s var(--_gd, cubic-bezier(.4, 0, .2, 1)) } .fade-enter-from, .fade-leave-to { opacity: 0 } .idx-wrap[data-v-705e723c] { --_f: #1a3a5c; --_g: #15304d; --_h: #296399; --_i: #eaf2f9; --_j: #00722d; max-width: 520px; padding: var(--_en, 32px) var(--_ek, 16px); padding-bottom: max(var(--_en, 32px), env(safe-area-inset-bottom, 0px)); flex-direction: column; align-items: center; margin: 0 auto; display: flex } .idx-badge[data-v-705e723c] { background: var(--_i); border: 1px solid var(--_ef, #e4e7ec); color: var(--_f); letter-spacing: .03em; text-transform: uppercase; margin-bottom: var(--_ek, 16px); border-radius: 999px; align-items: center; gap: 6px; padding: 5px 14px 5px 10px; font-size: 11px; font-weight: 600; display: inline-flex } .idx-badge__dot[data-v-705e723c] { background: var(--_j); border-radius: 999px; width: 6px; height: 6px; animation: 2.4s ease-in-out infinite idx-pulse-705e723c; box-shadow: 0 0 0 3px rgba(0, 114, 45, .15) } @keyframes idx-pulse-705e723c { 0%, to { box-shadow: 0 0 0 3px rgba(0, 114, 45, .15) } 50% { box-shadow: 0 0 0 5px rgba(0, 114, 45, .06) } } .idx-title[data-v-705e723c] { font-size: var(--_et, 24px); letter-spacing: -.02em; color: var(--_du, #1d2939); text-align: center; margin: 0 0 var(--_ei, 8px); font-weight: 700; line-height: 1.2 } .idx-subtitle[data-v-705e723c] { font-size: var(--_ep, 13px); color: var(--_dw, #98a2b3); text-align: center; margin: 0 0 var(--_em, 24px); font-weight: 400; line-height: 1.5 } .idx-steps[data-v-705e723c] { margin-bottom: var(--_em, 24px); align-items: center; gap: 0; width: 100%; max-width: 320px; display: flex } .idx-step[data-v-705e723c] { color: var(--_dw, #98a2b3); font-size: var(--_eo, 12px); white-space: nowrap; align-items: center; gap: 6px; font-weight: 500; display: flex } .idx-step__num[data-v-705e723c] { background: var(--_ed, #f9fafb); border: 1px solid var(--_ef, #e4e7ec); width: 26px; height: 26px; font-size: var(--_eo, 12px); color: var(--_dw, #98a2b3); transition: all .2s var(--_ev); border-radius: 999px; justify-content: center; align-items: center; font-weight: 600; display: inline-flex } .idx-step.is-active[data-v-705e723c] { color: var(--_du, #1d2939); font-weight: 600 } .idx-step.is-active .idx-step__num[data-v-705e723c] { background: var(--_f); color: #fff; border-color: var(--_f); box-shadow: 0 0 0 3px var(--_i) } .idx-step__line[data-v-705e723c] { background: var(--_ef, #e4e7ec); height: 1px; margin: 0 var(--_ei, 8px); flex: 1 } .idx-card[data-v-705e723c] { background: var(--_eb, #fff); border: 1px solid var(--_ef, #e4e7ec); border-radius: var(--_db, 12px); width: 100%; padding: var(--_em, 24px); box-shadow: var(--_dd); flex-direction: column; align-items: center; display: flex; position: relative } .idx-card__icon[data-v-705e723c] { border-radius: var(--_da, 8px); background: var(--_i); width: 44px; height: 44px; color: var(--_f); margin-bottom: var(--_ej, 12px); justify-content: center; align-items: center; display: flex } .idx-card__title[data-v-705e723c] { font-size: var(--_er, 16px); color: var(--_du, #1d2939); margin: 0 0 var(--_eh, 4px); text-align: center; letter-spacing: -.01em; font-weight: 600 } .idx-card__desc[data-v-705e723c] { font-size: var(--_ep, 13px); color: var(--_dv, #475467); margin: 0 0 var(--_el, 20px); text-align: center; line-height: 1.5 } .idx-form[data-v-705e723c] { width: 100% } .idx-field[data-v-705e723c] { margin-bottom: var(--_ek, 16px) } .vf-label[data-v-705e723c] { font-size: var(--_eo, 12px); color: var(--_dv, #475467); letter-spacing: .02em; text-transform: uppercase; margin-bottom: 6px; font-weight: 600; display: block } .vf-input[data-v-705e723c] { width: 100%; height: 44px; padding: 0 var(--_ej, 12px); border: 1px solid var(--_ee, #d0d5dd); border-radius: var(--_da, 8px); font-family: var(--_ez); font-size: var(--_eq, 14px); color: var(--_du, #1d2939); background: #fff; outline: none; transition: border-color .15s, box-shadow .2s } .vf-input[data-v-705e723c]::-webkit-input-placeholder { color: var(--_dw, #98a2b3); font-weight: 400 } .vf-input[data-v-705e723c]::-moz-placeholder { color: var(--_dw, #98a2b3); font-weight: 400 } .vf-input[data-v-705e723c]::-ms-input-placeholder { color: var(--_dw, #98a2b3); font-weight: 400 } .vf-input[data-v-705e723c]::placeholder { color: var(--_dw, #98a2b3); font-weight: 400 } .vf-input[data-v-705e723c]:hover:not(:focus):not(.is-invalid) { border-color: #98a2b3 } .vf-input.is-invalid[data-v-705e723c] { border-color: var(--_dr, #c0392b); background: var(--_ds, #fdecea); animation: .25s idx-shake-705e723c } .vf-input.vf-focus-ring[data-v-705e723c]:focus { border-color: var(--_h); box-shadow: 0 0 0 3px var(--_i) } .vf-input.is-invalid[data-v-705e723c]:focus { border-color: var(--_dr, #c0392b); box-shadow: 0 0 0 3px rgba(192, 57, 43, .1) } .idx-select-wrap[data-v-705e723c] { position: relative } .idx-select-wrap .vf-input[data-v-705e723c] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; cursor: pointer; padding-right: 36px } .idx-select-wrap__arrow[data-v-705e723c] { color: var(--_dw, #98a2b3); pointer-events: none; display: inline-flex; position: absolute; top: 50%; right: 12px; transform: translateY(-50%) } .idx-input-wrap[data-v-705e723c] { position: relative } .idx-plate-input[data-v-705e723c] { letter-spacing: .08em; text-transform: uppercase; font-variant-numeric: tabular-nums; padding-left: 42px; font-weight: 600 } .idx-plate-input[data-v-705e723c]::-webkit-input-placeholder { letter-spacing: normal; text-transform: none; font-weight: 400 } .idx-plate-input[data-v-705e723c]::-moz-placeholder { letter-spacing: normal; text-transform: none; font-weight: 400 } .idx-plate-input[data-v-705e723c]::-ms-input-placeholder { letter-spacing: normal; text-transform: none; font-weight: 400 } .idx-plate-input[data-v-705e723c]::placeholder { letter-spacing: normal; text-transform: none; font-weight: 400 } .idx-input-wrap__icon[data-v-705e723c] { border-radius: var(--_cz, 4px); background: var(--_f); color: #fff; pointer-events: none; justify-content: center; align-items: center; width: 28px; height: 28px; display: inline-flex; position: absolute; top: 50%; left: 8px; transform: translateY(-50%) } .idx-hint[data-v-705e723c] { color: var(--_dw, #98a2b3); align-items: center; gap: 4px; margin-top: 6px; font-size: 11px; display: flex } @keyframes idx-shake-705e723c { 0% { transform: translate(0) } 20% { transform: translate(-4px) } 40% { transform: translate(4px) } 60% { transform: translate(-3px) } 80% { transform: translate(2px) } to { transform: translate(0) } } @keyframes idx-err-in-705e723c { 0% { opacity: 0; transform: translateY(-2px) } to { opacity: 1; transform: translateY(0) } } .vf-field-err[data-v-705e723c] { font-size: var(--_eo, 12px); color: var(--_dr, #c0392b); align-items: center; gap: 6px; margin: 6px 0 0; animation: .2s both idx-err-in-705e723c; display: inline-flex } .vf-field-err__icon[data-v-705e723c] { background: var(--_dr, #c0392b); color: #fff; border-radius: 999px; flex: none; justify-content: center; align-items: center; width: 16px; height: 16px; font-size: 10px; font-weight: 700; display: inline-flex } .vf-btn[data-v-705e723c] { justify-content: center; align-items: center; gap: var(--_ei, 8px); font-family: var(--_ez); border-radius: var(--_da, 8px); cursor: pointer; border: 0; width: 100%; font-weight: 600; transition: background .15s, box-shadow .2s; display: inline-flex; position: relative } .vf-btn[data-v-705e723c]:disabled { cursor: not-allowed; opacity: .5 } .vf-btn[data-v-705e723c]:focus-visible { outline: 3px solid var(--_i); outline-offset: 1px } .vf-btn-primary[data-v-705e723c] { height: 44px; padding: 0 var(--_em, 24px); background: var(--_f); color: #fff; font-size: var(--_eq, 14px); letter-spacing: .01em } .vf-btn-primary[data-v-705e723c]:hover:not(:disabled) { background: var(--_g); box-shadow: 0 2px 8px rgba(26, 58, 92, .18) } .vf-btn-primary[data-v-705e723c]:active:not(:disabled) { background: #112840 } .idx-btn__icon[data-v-705e723c] { flex: none; transition: opacity .15s } .idx-btn__spinner[data-v-705e723c] { border: 2px solid rgba(255, 255, 255, .35); border-top-color: #fff; border-radius: 999px; flex: none; width: 16px; height: 16px; animation: .72s linear infinite idx-spin-705e723c; display: none } @keyframes idx-spin-705e723c { to { transform: rotate(360deg) } } .vf-btn.is-loading .idx-btn__spinner[data-v-705e723c] { display: inline-block } .vf-btn.is-loading .idx-btn__icon[data-v-705e723c] { display: none } .idx-secure[data-v-705e723c] { margin-top: var(--_ek, 16px); padding-top: var(--_ek, 16px); border-top: 1px solid var(--_ef, #e4e7ec); color: var(--_dw, #98a2b3); justify-content: center; align-items: center; gap: 6px; width: 100%; font-size: 11px; font-weight: 500; display: flex } .idx-features[data-v-705e723c] { gap: var(--_ej, 12px); margin-top: var(--_em, 24px); grid-template-columns: repeat(4, 1fr); width: 100%; display: grid } .idx-feat[data-v-705e723c] { align-items: center; gap: var(--_ei, 8px); padding: var(--_ek, 16px) var(--_ei, 8px); background: var(--_eb, #fff); border: 1px solid var(--_ef, #e4e7ec); border-radius: var(--_da, 8px); color: var(--_dv, #475467); text-align: center; flex-direction: column; font-size: 11px; font-weight: 500; transition: border-color .2s, box-shadow .2s; display: flex } .idx-feat[data-v-705e723c]:hover { border-color: var(--_h); box-shadow: var(--_dd) } .idx-feat__icon[data-v-705e723c] { border-radius: var(--_da, 8px); background: var(--_i); width: 36px; height: 36px; color: var(--_f); justify-content: center; align-items: center; transition: background .2s, color .2s; display: flex } .idx-feat:hover .idx-feat__icon[data-v-705e723c] { background: var(--_f); color: #fff } @media (prefers-reduced-motion:reduce) { .vf-input.is-invalid[data-v-705e723c], .idx-btn__spinner[data-v-705e723c], .idx-badge__dot[data-v-705e723c], .vf-field-err[data-v-705e723c] { animation: none !important } } @media (max-width:600px) { .idx-wrap[data-v-705e723c] { padding: var(--_em, 24px) var(--_ej, 12px) } .idx-title[data-v-705e723c] { font-size: 20px } .idx-features[data-v-705e723c] { grid-template-columns: repeat(2, 1fr) } } @media (max-width:400px) { .idx-wrap[data-v-705e723c] { padding: var(--_ek, 16px) var(--_ej, 12px) } .idx-title[data-v-705e723c] { font-size: 18px } .idx-subtitle[data-v-705e723c] { font-size: 12px } .idx-card[data-v-705e723c] { padding: var(--_ek, 16px) } .idx-features[data-v-705e723c] { gap: var(--_ei, 8px) } .idx-feat[data-v-705e723c] { padding: var(--_ej, 12px) var(--_eh, 4px); font-size: 10px } .idx-feat__icon[data-v-705e723c] { width: 32px; height: 32px } } @media (max-width:320px) { .idx-wrap[data-v-705e723c] { padding: var(--_ej, 12px) var(--_ei, 8px) } .idx-title[data-v-705e723c] { font-size: 16px } .idx-subtitle[data-v-705e723c] { font-size: 11px } .idx-card[data-v-705e723c] { padding: var(--_ej, 12px); border-radius: var(--_da, 8px) } .idx-card__icon[data-v-705e723c] { width: 36px; height: 36px } .idx-card__title[data-v-705e723c] { font-size: 14px } .idx-card__desc[data-v-705e723c] { font-size: 12px } .idx-steps[data-v-705e723c] { max-width: 260px } .idx-step__num[data-v-705e723c] { width: 22px; height: 22px; font-size: 10px } .idx-step[data-v-705e723c] { font-size: 10px } .vf-input[data-v-705e723c], .vf-btn-primary[data-v-705e723c] { height: 40px; font-size: 13px } .idx-features[data-v-705e723c] { grid-template-columns: repeat(2, 1fr); gap: 6px } .idx-feat[data-v-705e723c] { padding: var(--_ei, 8px) 4px; font-size: 9px } .idx-feat__icon[data-v-705e723c] { width: 28px; height: 28px } } @media (orientation:landscape) and (max-height:450px) { .idx-wrap[data-v-705e723c] { padding: var(--_ej, 12px) var(--_ek, 16px) } .idx-badge[data-v-705e723c] { margin-bottom: var(--_ei, 8px) } .idx-title[data-v-705e723c] { margin-bottom: 4px; font-size: 18px } .idx-subtitle[data-v-705e723c], .idx-steps[data-v-705e723c] { margin-bottom: var(--_ej, 12px) } .idx-card[data-v-705e723c] { padding: var(--_ek, 16px) } .idx-features[data-v-705e723c] { margin-top: var(--_ej, 12px); grid-template-columns: repeat(4, 1fr) } .idx-feat[data-v-705e723c] { padding: var(--_ei, 8px) 4px } } .vf-page.vf-query[data-v-6fbab1db] { --_k: #296399; --_l: #1f4d7a; --_m: #edf3f9; --_n: #4da672; --_o: #3d8a5c; --_p: #eef7f2; --_q: #1a1f2e; --_r: #4b5563; --_s: #9ca3af; --_t: #e5e7eb; --_u: #f0f1f3; --_v: #fff; --_w: #f9fafb; --_x: #c0392b; --_y: #fef2f0; --_z: 0 1px 2px rgba(0, 0, 0, .04); --_aa: 0 2px 8px rgba(0, 0, 0, .06); --_ab: 14px; --_ac: cubic-bezier(.4, 0, .2, 1); max-width: 960px; padding: 20px 16px; padding-bottom: max(24px, env(safe-area-inset-bottom, 0px)); margin: 0 auto } .vf-banner[data-v-6fbab1db] { background: var(--_v); border: 1px solid var(--_u); border-left: 3px solid var(--_n); border-radius: 10px; align-items: center; gap: 12px; margin-bottom: 16px; padding: 12px 16px; display: flex } .vf-banner__icon[data-v-6fbab1db] { background: var(--_p); width: 32px; height: 32px; color: var(--_o); border-radius: 8px; flex-shrink: 0; justify-content: center; align-items: center; display: flex } .vf-banner__body[data-v-6fbab1db] { flex-direction: column; gap: 1px; display: flex } .vf-banner__title[data-v-6fbab1db] { color: var(--_q); font-size: 13px; font-weight: 650; line-height: 1.4 } .vf-banner__sub[data-v-6fbab1db] { color: var(--_r); font-size: 11.5px; line-height: 1.4 } .vf-stepper[data-v-6fbab1db] { justify-content: center; align-items: center; gap: 4px; padding-bottom: 16px; display: flex } .vf-stepper__item[data-v-6fbab1db] { flex-shrink: 0; align-items: center; gap: 8px; display: flex } .vf-stepper__num[data-v-6fbab1db] { background: var(--_v); width: 30px; height: 30px; color: var(--_s); border: 1.5px solid var(--_t); transition: all .25s var(--_ac); border-radius: 50%; justify-content: center; align-items: center; font-size: 12px; font-weight: 700; display: flex } .vf-stepper__label[data-v-6fbab1db] { color: var(--_s); white-space: nowrap; font-size: 12.5px; font-weight: 500 } .vf-stepper__item.is-done .vf-stepper__num[data-v-6fbab1db] { background: var(--_p); color: var(--_o); border-color: rgba(77, 166, 114, .3) } .vf-stepper__item.is-done .vf-stepper__label[data-v-6fbab1db] { color: var(--_o); font-weight: 600 } .vf-stepper__item.is-active .vf-stepper__num[data-v-6fbab1db] { background: var(--_k); color: #fff; border-color: var(--_k); box-shadow: 0 0 0 3px var(--_m) } .vf-stepper__item.is-active .vf-stepper__label[data-v-6fbab1db] { color: var(--_k); font-weight: 650 } .vf-stepper__sep[data-v-6fbab1db] { background: var(--_t); border-radius: 1px; flex: 1; max-width: 100px; height: 1.5px } .vf-stepper__sep.is-done[data-v-6fbab1db] { background: var(--_n); opacity: .5 } .vf-card[data-v-6fbab1db] { background: var(--_v); border-radius: var(--_ab); border: 1px solid var(--_u); box-shadow: var(--_aa); overflow: hidden } .vf-state[data-v-6fbab1db] { text-align: center; flex-direction: column; align-items: center; gap: 10px; padding: 64px 32px; display: flex } .vf-state--loading[data-v-6fbab1db] { gap: 14px } .vf-state__icon[data-v-6fbab1db] { color: var(--_s); margin-bottom: 4px } .vf-state__title[data-v-6fbab1db] { color: var(--_q); margin: 0; font-size: 16px; font-weight: 650 } .vf-state__text[data-v-6fbab1db] { color: var(--_r); margin: 0; font-size: 14px; line-height: 1.5 } .vf-state__sub[data-v-6fbab1db] { color: var(--_s); margin: 0; font-size: 12px } .vf-spinner[data-v-6fbab1db] { border: 2.5px solid var(--_u); border-top-color: var(--_k); border-radius: 50%; width: 28px; height: 28px; animation: .7s linear infinite spin-6fbab1db; display: inline-block } @keyframes spin-6fbab1db { to { transform: rotate(360deg) } } .vf-result[data-v-6fbab1db] { grid-template-columns: 1fr 280px; display: grid } .vf-result__main[data-v-6fbab1db] { border-right: 1px solid var(--_u); min-width: 0; padding: 28px } .vf-result__head[data-v-6fbab1db] { border-bottom: 1px solid var(--_u); flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 22px; padding-bottom: 16px; display: flex } .vf-result__head-left[data-v-6fbab1db] { align-items: center; gap: 10px; display: flex } .vf-result__head-icon[data-v-6fbab1db] { background: var(--_m); width: 36px; height: 36px; color: var(--_k); border-radius: 9px; flex-shrink: 0; justify-content: center; align-items: center; display: flex } .vf-result__title[data-v-6fbab1db] { color: var(--_q); letter-spacing: -.02em; margin: 0; font-size: 18px; font-weight: 700; line-height: 1.3 } .vf-plate[data-v-6fbab1db] { background: var(--_m); border: 1px solid rgba(41, 99, 153, .12); border-radius: 10px; justify-content: space-between; align-items: center; margin-bottom: 22px; padding: 12px 16px; display: flex } .vf-plate__label[data-v-6fbab1db] { color: var(--_l); text-transform: uppercase; letter-spacing: .08em; font-size: 11px; font-weight: 700 } .vf-plate__value[data-v-6fbab1db] { color: var(--_l); letter-spacing: .06em; background: rgba(255, 255, 255, .85); border: 1px solid rgba(41, 99, 153, .12); border-radius: 6px; padding: 4px 12px; font-size: 15px; font-weight: 800 } .vf-tag[data-v-6fbab1db] { border-radius: 999px; align-items: center; gap: 5px; padding: 4px 11px; font-size: 12px; font-weight: 600; display: inline-flex } .vf-tag--sm[data-v-6fbab1db] { padding: 3px 9px; font-size: 11px } .vf-tag--danger[data-v-6fbab1db] { background: var(--_y); color: var(--_x); border: 1px solid rgba(192, 57, 43, .12) } .vf-tag__dot[data-v-6fbab1db] { background: currentColor; border-radius: 50%; flex-shrink: 0; width: 5px; height: 5px } .vf-details[data-v-6fbab1db] { margin: 0; padding: 0; list-style: none } .vf-details__row[data-v-6fbab1db] { border-bottom: 1px solid var(--_u); animation: fadeRow-6fbab1db .25s var(--_ac) both; justify-content: space-between; align-items: center; padding: 13px 0; display: flex } .vf-details__row[data-v-6fbab1db]:last-child { border-bottom: none } .vf-details__row[data-v-6fbab1db]:first-child { animation-delay: 40ms } .vf-details__row[data-v-6fbab1db]:nth-child(2) { animation-delay: 80ms } .vf-details__row[data-v-6fbab1db]:nth-child(3) { animation-delay: .12s } .vf-details__row[data-v-6fbab1db]:nth-child(4) { animation-delay: .16s } .vf-details__row[data-v-6fbab1db]:nth-child(5) { animation-delay: .2s } @keyframes fadeRow-6fbab1db { 0% { opacity: 0; transform: translateY(4px) } to { opacity: 1; transform: translateY(0) } } .vf-details__key[data-v-6fbab1db] { color: var(--_r); font-size: 13px; font-weight: 500 } .vf-details__val[data-v-6fbab1db] { color: var(--_q); text-align: right; font-size: 13.5px; font-weight: 600 } .vf-mono[data-v-6fbab1db] { font-variant-numeric: tabular-nums; letter-spacing: .03em; font-family: SF Mono, Roboto Mono, Menlo, ui-monospace, monospace } .vf-note[data-v-6fbab1db] { background: var(--_w); border: 1px solid var(--_u); border-radius: 8px; align-items: flex-start; gap: 8px; margin-top: 16px; padding: 10px 12px; display: flex } .vf-note__icon[data-v-6fbab1db] { color: var(--_s); flex-shrink: 0; margin-top: 1px } .vf-note__text[data-v-6fbab1db] { color: var(--_s); font-size: 12px; line-height: 1.5 } .vf-actions[data-v-6fbab1db] { border-top: 1px solid var(--_u); justify-content: flex-end; margin-top: 22px; padding-top: 16px; display: flex } .vf-btn--ghost[data-v-6fbab1db] { border: 1px solid var(--_t); background: var(--_v); height: 38px; color: var(--_r); cursor: pointer; transition: all .15s var(--_ac); border-radius: 8px; align-items: center; gap: 6px; padding: 0 14px; font-size: 13.5px; font-weight: 500; display: inline-flex } .vf-btn--ghost[data-v-6fbab1db]:hover { border-color: var(--_k); color: var(--_k); background: var(--_m) } .vf-btn--ghost[data-v-6fbab1db]:focus-visible { outline: 3px solid var(--_m); outline-offset: 1px } .vf-btn--primary[data-v-6fbab1db] { background: var(--_n); color: #fff; cursor: pointer; height: 44px; transition: all .2s var(--_ac); border: none; border-radius: 10px; align-items: center; gap: 8px; padding: 0 24px; font-size: 14px; font-weight: 700; display: inline-flex; box-shadow: 0 4px 14px rgba(77, 166, 114, .3) } .vf-btn--primary[data-v-6fbab1db]:hover { background: var(--_o); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(77, 166, 114, .35) } .vf-btn--primary[data-v-6fbab1db]:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(77, 166, 114, .25) } .vf-btn--primary[data-v-6fbab1db]:focus-visible { outline: 3px solid var(--_p); outline-offset: 2px } .vf-aside[data-v-6fbab1db] { background: var(--_w); flex-direction: column; padding: 24px 20px; display: flex } .vf-aside__title[data-v-6fbab1db] { color: var(--_r); text-transform: uppercase; letter-spacing: .08em; border-bottom: 1px solid var(--_t); margin: 0 0 14px; padding-bottom: 10px; font-size: 11px; font-weight: 750 } .vf-aside__rows[data-v-6fbab1db] { flex-direction: column; margin-bottom: 14px; display: flex } .vf-aside__row[data-v-6fbab1db] { border-bottom: 1px solid var(--_u); justify-content: space-between; align-items: center; gap: 8px; padding: 9px 0; display: flex } .vf-aside__row[data-v-6fbab1db]:last-child { border-bottom: none } .vf-aside__label[data-v-6fbab1db] { color: var(--_r); font-size: 12.5px } .vf-aside__val[data-v-6fbab1db] { color: var(--_q); text-align: right; font-size: 12.5px; font-weight: 600 } .vf-aside__val--danger[data-v-6fbab1db] { color: var(--_x) } .vf-plate-tag[data-v-6fbab1db] { background: var(--_m); color: var(--_l); letter-spacing: .05em; border: 1px solid rgba(41, 99, 153, .12); border-radius: 4px; padding: 2px 8px; font-weight: 800 } .vf-total[data-v-6fbab1db] { background: var(--_v); border: 1px solid var(--_t); box-shadow: var(--_z); border-radius: 12px; margin-bottom: 14px; padding: 16px } .vf-total__label[data-v-6fbab1db] { color: var(--_r); text-transform: uppercase; letter-spacing: .08em; margin-bottom: 8px; font-size: 10px; font-weight: 750; display: block } .vf-total__amount[data-v-6fbab1db] { color: var(--_q); letter-spacing: -.03em; font-size: 28px; font-weight: 800; line-height: 1.1 } .vf-total__hint[data-v-6fbab1db] { color: var(--_o); border-top: 1px dashed rgba(77, 166, 114, .2); align-items: center; gap: 5px; margin-top: 8px; padding-top: 8px; font-size: 11px; font-weight: 600; display: flex } .vf-total__hint[data-v-6fbab1db]:before { content: "\002713"; background: var(--_n); color: #fff; border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 14px; height: 14px; font-size: 9px; font-weight: 900; display: inline-flex } .vf-warn[data-v-6fbab1db] { background: #fffbeb; border: 1px solid rgba(234, 179, 8, .25); border-radius: 8px; align-items: flex-start; gap: 8px; margin-bottom: 12px; padding: 10px 12px; display: flex } .vf-warn__icon[data-v-6fbab1db] { color: #b8860b; flex-shrink: 0; margin-top: 1px } .vf-warn__text[data-v-6fbab1db] { color: #78600b; font-size: 12px; font-weight: 500; line-height: 1.5 } .vf-trust[data-v-6fbab1db] { align-items: flex-start; gap: 6px; margin-top: auto; padding-top: 10px; display: flex } .vf-trust__icon[data-v-6fbab1db] { color: var(--_s); flex-shrink: 0; margin-top: 1px } .vf-trust__text[data-v-6fbab1db] { color: var(--_s); font-size: 11.5px; line-height: 1.5 } @media (max-width:720px) { .vf-result[data-v-6fbab1db] { grid-template-columns: 1fr } .vf-result__main[data-v-6fbab1db] { border-right: none; border-bottom: 1px solid var(--_u); padding: 16px } .vf-aside[data-v-6fbab1db] { padding: 16px } .vf-result__title[data-v-6fbab1db] { font-size: 16px } .vf-total__amount[data-v-6fbab1db] { font-size: 24px } } @media (max-width:480px) { .vf-page.vf-query[data-v-6fbab1db] { padding: 14px 12px } .vf-banner[data-v-6fbab1db] { gap: 8px; padding: 10px 12px } .vf-banner__icon[data-v-6fbab1db] { width: 28px; height: 28px } .vf-banner__title[data-v-6fbab1db] { font-size: 12px } .vf-banner__sub[data-v-6fbab1db] { font-size: 10.5px } .vf-stepper[data-v-6fbab1db] { gap: 2px } .vf-stepper__num[data-v-6fbab1db] { width: 26px; height: 26px; font-size: 11px } .vf-stepper__label[data-v-6fbab1db] { font-size: 10.5px } .vf-stepper__sep[data-v-6fbab1db] { max-width: 60px } .vf-card[data-v-6fbab1db] { border-radius: 10px } .vf-result__main[data-v-6fbab1db] { padding: 12px } .vf-result__head[data-v-6fbab1db] { gap: 8px; margin-bottom: 14px; padding-bottom: 12px } .vf-result__head-icon[data-v-6fbab1db] { width: 30px; height: 30px } .vf-result__title[data-v-6fbab1db] { font-size: 15px } .vf-plate[data-v-6fbab1db] { margin-bottom: 14px; padding: 10px 12px } .vf-plate__label[data-v-6fbab1db] { font-size: 10px } .vf-plate__value[data-v-6fbab1db] { font-size: 13.5px } .vf-details__row[data-v-6fbab1db] { padding: 11px 0 } .vf-details__key[data-v-6fbab1db] { font-size: 12px } .vf-details__val[data-v-6fbab1db] { font-size: 12.5px } .vf-note[data-v-6fbab1db] { margin-top: 12px; padding: 8px 10px } .vf-note__text[data-v-6fbab1db] { font-size: 11px } .vf-actions[data-v-6fbab1db] { margin-top: 14px; padding-top: 12px } .vf-btn--primary[data-v-6fbab1db] { justify-content: center; width: 100%; height: 44px; font-size: 14px } .vf-aside[data-v-6fbab1db] { padding: 12px; padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) } .vf-total[data-v-6fbab1db] { padding: 12px } .vf-total__amount[data-v-6fbab1db] { font-size: 22px } .vf-warn[data-v-6fbab1db] { padding: 8px 10px } .vf-warn__text[data-v-6fbab1db] { font-size: 11px } .vf-state[data-v-6fbab1db] { padding: 40px 16px } } @media (max-width:375px) { .vf-banner[data-v-6fbab1db] { margin-bottom: 12px; padding: 8px 10px } .vf-banner__icon[data-v-6fbab1db] { width: 24px; height: 24px } .vf-banner__title[data-v-6fbab1db] { font-size: 11px } .vf-banner__sub[data-v-6fbab1db] { font-size: 10px } .vf-stepper__num[data-v-6fbab1db] { width: 24px; height: 24px; font-size: 10px } .vf-stepper__label[data-v-6fbab1db] { font-size: 9.5px } .vf-stepper__sep[data-v-6fbab1db] { max-width: 40px } .vf-result__main[data-v-6fbab1db] { padding: 10px } .vf-result__head-icon[data-v-6fbab1db] { width: 28px; height: 28px } .vf-result__title[data-v-6fbab1db] { font-size: 14px } .vf-tag[data-v-6fbab1db] { padding: 3px 8px; font-size: 10px } .vf-tag--sm[data-v-6fbab1db] { padding: 2px 6px; font-size: 10px } .vf-plate[data-v-6fbab1db] { flex-direction: column; align-items: flex-start; gap: 6px; padding: 8px 10px } .vf-plate__value[data-v-6fbab1db] { font-size: 13px } .vf-details__row[data-v-6fbab1db] { flex-wrap: wrap; padding: 10px 0 } .vf-details__key[data-v-6fbab1db] { font-size: 11px } .vf-details__val[data-v-6fbab1db] { text-align: left; flex-basis: 100%; margin-top: 2px; font-size: 12px } .vf-btn--primary[data-v-6fbab1db] { border-radius: 8px; height: 44px; font-size: 13.5px } .vf-aside[data-v-6fbab1db] { padding: 10px; padding-bottom: max(10px, env(safe-area-inset-bottom, 0px)) } .vf-aside__label[data-v-6fbab1db], .vf-aside__val[data-v-6fbab1db] { font-size: 11.5px } .vf-total[data-v-6fbab1db] { border-radius: 8px; padding: 10px } .vf-total__amount[data-v-6fbab1db] { font-size: 20px } .vf-warn[data-v-6fbab1db] { gap: 6px; padding: 8px } .vf-warn__text[data-v-6fbab1db] { font-size: 11px } .vf-trust[data-v-6fbab1db] { padding-top: 8px } .vf-trust__text[data-v-6fbab1db] { font-size: 11px } .vf-note[data-v-6fbab1db] { padding: 8px } .vf-note__text[data-v-6fbab1db], .vf-total__hint[data-v-6fbab1db] { font-size: 10px } } @media (max-width:360px) { .vf-banner__title[data-v-6fbab1db] { font-size: 10px } .vf-banner__sub[data-v-6fbab1db] { font-size: 9px } .vf-banner__icon[data-v-6fbab1db] { width: 22px; height: 22px } .vf-stepper__num[data-v-6fbab1db] { width: 22px; height: 22px; font-size: 9px } .vf-stepper__label[data-v-6fbab1db] { display: none } .vf-result__title[data-v-6fbab1db] { font-size: 13px } .vf-total__amount[data-v-6fbab1db] { font-size: 18px } .vf-btn--primary[data-v-6fbab1db] { height: 42px; font-size: 13px } } .vf-fade-in[data-v-6fbab1db] { animation: .25s both fadeIn-6fbab1db } .vf-slide-up[data-v-6fbab1db] { animation: .28s both slideUp-6fbab1db } .vf-pop-in[data-v-6fbab1db] { animation: .35s both popIn-6fbab1db } .vf-delay-1[data-v-6fbab1db] { animation-delay: 60ms } .vf-delay-2[data-v-6fbab1db] { animation-delay: .12s } .vf-delay-3[data-v-6fbab1db] { animation-delay: .2s } @keyframes fadeIn-6fbab1db { 0% { opacity: 0 } to { opacity: 1 } } @keyframes slideUp-6fbab1db { 0% { opacity: 0; transform: translateY(10px) } to { opacity: 1; transform: translateY(0) } } @keyframes popIn-6fbab1db { 0% { opacity: 0; transform: scale(.96) } to { opacity: 1; transform: scale(1) } } @media (prefers-reduced-motion:reduce) { .vf-details__row[data-v-6fbab1db], .vf-fade-in[data-v-6fbab1db], .vf-slide-up[data-v-6fbab1db], .vf-pop-in[data-v-6fbab1db] { opacity: 1; transform: none; animation: none !important } .vf-btn--primary[data-v-6fbab1db]:hover { transform: none } .vf-spinner[data-v-6fbab1db] { animation: none } } .vf-wait[data-v-44ca66f8] { z-index: 20; -webkit-backdrop-filter: blur(6px)saturate(1.05); border-radius: inherit; pointer-events: all; background: rgba(245, 246, 248, .72); justify-content: center; align-items: center; display: flex; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .vf-wait__brand[data-v-44ca66f8] { padding: var(--_em, 26px) var(--_en, 32px) var(--_em, 22px); background: var(--_eb, #fff); border: 1px solid var(--_ef, #e4e7ec); border-radius: var(--_db, 12px); box-shadow: 0 12px 40px -8px rgba(16, 24, 40, .12), 0 4px 14px -4px rgba(16, 24, 40, .06), var(--_dc, 0 1px 2px rgba(16, 24, 40, .04)); flex-direction: column; align-items: center; min-width: 260px; max-width: 340px; display: flex } .vf-wait__dots[data-v-44ca66f8] { margin-bottom: var(--_ek, 16px); gap: 9px; display: inline-flex } .vf-wait__dot[data-v-44ca66f8] { opacity: .28; width: 8px; height: 8px; animation: vf-wait-float-44ca66f8 1.1s var(--_ev, cubic-bezier(.4, 0, .2, 1)) infinite; will-change: transform, opacity; background: #296399; border-radius: 50% } .vf-wait__dot[data-v-44ca66f8]:nth-child(2) { animation-delay: .14s } .vf-wait__dot[data-v-44ca66f8]:nth-child(3) { animation-delay: .28s } @keyframes vf-wait-float-44ca66f8 { 0%, 80%, to { opacity: .28; transform: translateY(0) } 40% { opacity: 1; transform: translateY(-5px) } } .vf-wait__title[data-v-44ca66f8] { font-size: var(--_er, 16px); color: var(--_du, #1d2939); letter-spacing: -.005em; text-align: center; min-height: 1.2em; transition: opacity var(--_gg, .18s) var(--_gd, ease); margin: 0; font-weight: 600 } .vf-wait__hint[data-v-44ca66f8] { margin: var(--_eh, 4px) 0 0; font-size: var(--_ep, 13px); color: var(--_dv, #475467); letter-spacing: .01em; text-align: center; max-width: 260px; transition: opacity var(--_gg, .18s) var(--_gd, ease); line-height: 1.45 } .vf-wait__amount[data-v-44ca66f8] { margin-top: var(--_ej, 14px); color: #296399; font-variant-numeric: tabular-nums; letter-spacing: -.01em; font-size: 22px; font-weight: 700 } .vf-wait__brand-label[data-v-44ca66f8] { margin-top: var(--_eh, 4px); font-size: var(--_eo, 12px); color: var(--_dv, #475467); font-variant-numeric: tabular-nums; letter-spacing: .02em } .vf-wait__secure[data-v-44ca66f8] { margin-top: var(--_ej, 14px); padding-top: var(--_ej, 12px); border-top: 1px solid var(--_ef, #e4e7ec); width: 100%; color: var(--_gp, #667085); justify-content: center; align-items: center; gap: 6px; display: inline-flex } .vf-wait__secure-text[data-v-44ca66f8] { font-size: var(--_he, 12px); letter-spacing: .02em } .vf-wait-enter-active[data-v-44ca66f8] { transition: opacity .2s var(--_ev, cubic-bezier(.4, 0, .2, 1)) } .vf-wait-leave-active[data-v-44ca66f8] { transition: opacity .22s var(--_ev, cubic-bezier(.4, 0, .2, 1)) } .vf-wait-enter-from[data-v-44ca66f8], .vf-wait-leave-to[data-v-44ca66f8] { opacity: 0 } .vf-wait-enter-active .vf-wait__brand[data-v-44ca66f8] { animation: .26s cubic-bezier(.2, .8, .2, 1) both vf-wait-brand-in-44ca66f8 } @keyframes vf-wait-brand-in-44ca66f8 { 0% { opacity: 0; transform: scale(.96)translateY(4px) } to { opacity: 1; transform: scale(1)translateY(0) } } @media (prefers-reduced-motion:reduce) { .vf-wait-enter-active .vf-wait__brand[data-v-44ca66f8] { animation: none !important } .vf-wait__dot[data-v-44ca66f8] { animation: 1.4s ease-in-out infinite vf-wait-pulse-44ca66f8; transform: none !important } .vf-wait__title[data-v-44ca66f8], .vf-wait__hint[data-v-44ca66f8] { transition: none !important } .vf-wait-enter-active[data-v-44ca66f8], .vf-wait-leave-active[data-v-44ca66f8] { transition-duration: .1s !important } } @keyframes vf-wait-pulse-44ca66f8 { 0%, to { opacity: .3 } 50% { opacity: 1 } } @media (max-width:375px) { .vf-wait__brand[data-v-44ca66f8] { min-width: 0; max-width: calc(100vw - 48px); padding: var(--_el, 20px) var(--_el, 20px) var(--_ek, 16px) } .vf-wait__title[data-v-44ca66f8] { font-size: 14px } .vf-wait__hint[data-v-44ca66f8] { max-width: 220px; font-size: 12px } .vf-wait__amount[data-v-44ca66f8] { font-size: 20px } .vf-wait__dot[data-v-44ca66f8] { width: 7px; height: 7px } } @media (max-width:320px) { .vf-wait__brand[data-v-44ca66f8] { max-width: calc(100vw - 32px); padding: var(--_ek, 16px) var(--_ek, 16px) var(--_ej, 12px) } .vf-wait__title[data-v-44ca66f8] { font-size: 13px } .vf-wait__hint[data-v-44ca66f8] { max-width: 200px; font-size: 11px } .vf-wait__amount[data-v-44ca66f8] { font-size: 18px } .vf-wait__secure-text[data-v-44ca66f8] { font-size: 10px } } .vf-modal[data-v-42d98804] { z-index: 9999; padding: var(--_ek, 16px); padding-top: max(var(--_ek, 16px), env(safe-area-inset-top, 0px)); padding-bottom: max(var(--_ek, 16px), env(safe-area-inset-bottom, 0px)); justify-content: center; align-items: center; display: flex; position: fixed; top: 0; bottom: 0; left: 0; right: 0 } .vf-modal__backdrop[data-v-42d98804] { -webkit-backdrop-filter: blur(8px)saturate(1.1); background: rgba(29, 41, 57, .28); position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .vf-modal__panel[data-v-42d98804] { width: 100%; max-width: 400px; padding: var(--_hf, 28px) var(--_hf, 28px) var(--_em, 24px); background: var(--_ec, #fff); border: 1px solid var(--_ef, #e4e7ec); border-radius: var(--_db, 12px); outline: none; position: relative; box-shadow: 0 20px 56px -12px rgba(16, 24, 40, .22), 0 8px 24px -6px rgba(16, 24, 40, .1), 0 2px 4px rgba(16, 24, 40, .04) } .vf-modal__close[data-v-42d98804] { width: 32px; height: 32px; color: var(--_dv, #475467); border-radius: var(--_cz, 4px); cursor: pointer; transition: color var(--_ew, .15s ease), background var(--_ew, .15s ease); background: 0 0; border: none; justify-content: center; align-items: center; font-size: 22px; line-height: 1; display: inline-flex; position: absolute; top: 10px; right: 10px } .vf-modal__close[data-v-42d98804]:hover { color: var(--_du, #1d2939); background: var(--_ed, #f9fafb) } .vf-modal__close[data-v-42d98804]:focus-visible { box-shadow: 0 0 0 3px var(--_dm, rgba(41, 99, 153, .18)); outline: none } .vf-modal__icon[data-v-42d98804] { background: var(--_ds, #fdecea); width: 48px; height: 48px; color: var(--_dr, #c0392b); margin-bottom: var(--_ej, 14px); border-radius: 50%; justify-content: center; align-items: center; display: inline-flex } .vf-modal.is-error .vf-modal__icon[data-v-42d98804] { background: var(--_dq, #fff4e5); color: var(--_dt, #b7791f) } .vf-modal__icon svg[data-v-42d98804] { width: 26px; height: 26px } .vf-modal__title[data-v-42d98804] { font-size: var(--_es, 20px); color: var(--_du, #1d2939); letter-spacing: -.015em; margin: 0 0 6px; font-weight: 600; line-height: 1.3 } .vf-modal__desc[data-v-42d98804] { font-size: var(--_eq, 14px); color: var(--_dv, #475467); overflow-wrap: break-word; word-break: break-word; margin: 0; line-height: 1.55 } .vf-modal__actions[data-v-42d98804] { justify-content: flex-end; gap: var(--_ej, 10px); margin-top: var(--_em, 22px); display: flex } .vf-modal__btn[data-v-42d98804] { min-width: 112px; font-size: var(--_eq, 14px); letter-spacing: -.005em; border-radius: var(--_da, 8px); cursor: pointer; transition: transform .12s var(--_ev, cubic-bezier(.4, 0, .2, 1)), box-shadow .18s var(--_ev, cubic-bezier(.4, 0, .2, 1)), background var(--_ew, .15s ease), color var(--_ew, .15s ease), border-color var(--_ew, .15s ease); border: 1px solid transparent; justify-content: center; align-items: center; padding: 10px 18px; font-weight: 600; display: inline-flex } .vf-modal__btn[data-v-42d98804]:focus-visible { box-shadow: 0 0 0 4px var(--_dm, rgba(41, 99, 153, .18)); outline: none } .vf-modal__btn[data-v-42d98804]:disabled { cursor: not-allowed; opacity: .65 } .vf-modal__btn--ghost[data-v-42d98804] { color: var(--_dv, #475467); border-color: var(--_ef, #e4e7ec); background: 0 0 } .vf-modal__btn--ghost[data-v-42d98804]:hover { background: var(--_ed, #f9fafb); color: var(--_du, #1d2939); border-color: var(--_ee, #d0d5dd) } .vf-modal__btn--primary[data-v-42d98804] { background: var(--_dk, #296399); color: var(--_dy, #fff); border-color: var(--_dk, #296399); box-shadow: var(--_dc, 0 1px 2px rgba(16, 24, 40, .06)) } .vf-modal__btn--primary[data-v-42d98804]:hover:not(:disabled) { background: var(--_dj, #1a3a5c); border-color: var(--_dj, #1a3a5c); transform: translateY(-1px); box-shadow: 0 6px 14px rgba(30, 78, 124, .28) } .vf-modal__btn--primary[data-v-42d98804]:active:not(:disabled) { transform: translateY(0); box-shadow: 0 1px 2px rgba(16, 24, 40, .08) } .vf-modal-enter-active[data-v-42d98804] { transition: opacity .2s var(--_ev, cubic-bezier(.4, 0, .2, 1)) } .vf-modal-leave-active[data-v-42d98804] { transition: opacity .18s var(--_ev, cubic-bezier(.4, 0, .2, 1)) } .vf-modal-enter-from[data-v-42d98804], .vf-modal-leave-to[data-v-42d98804] { opacity: 0 } .vf-modal-enter-active .vf-modal__panel[data-v-42d98804] { animation: .28s cubic-bezier(.2, .8, .2, 1) both vf-modal-panel-in-42d98804 } .vf-modal-leave-active .vf-modal__panel[data-v-42d98804] { animation: .18s cubic-bezier(.4, 0, 1, 1) both vf-modal-panel-out-42d98804 } @keyframes vf-modal-panel-in-42d98804 { 0% { opacity: 0; transform: scale(.96)translateY(8px) } to { opacity: 1; transform: scale(1)translateY(0) } } @keyframes vf-modal-panel-out-42d98804 { 0% { opacity: 1; transform: scale(1)translateY(0) } to { opacity: 0; transform: scale(.98)translateY(4px) } } @media (max-width:480px) { .vf-modal__panel[data-v-42d98804] { padding: var(--_em, 24px) var(--_el, 22px) var(--_el, 20px); max-width: 100% } .vf-modal__title[data-v-42d98804] { font-size: var(--_er, 18px) } .vf-modal__actions[data-v-42d98804] { flex-direction: column-reverse } .vf-modal__btn[data-v-42d98804] { width: 100%; min-width: 0 } } @media (max-width:375px) { .vf-modal[data-v-42d98804] { padding: var(--_ej, 12px); padding-top: max(var(--_ej, 12px), env(safe-area-inset-top, 0px)); padding-bottom: max(var(--_ej, 12px), env(safe-area-inset-bottom, 0px)) } .vf-modal__panel[data-v-42d98804] { padding: var(--_el, 20px) var(--_ek, 16px) var(--_ek, 16px) } .vf-modal__icon[data-v-42d98804] { width: 42px; height: 42px; margin-bottom: var(--_ei, 10px) } .vf-modal__icon svg[data-v-42d98804] { width: 22px; height: 22px } .vf-modal__title[data-v-42d98804] { font-size: 16px } .vf-modal__desc[data-v-42d98804] { font-size: 13px } .vf-modal__btn[data-v-42d98804] { padding: 9px 14px; font-size: 13px } } @media (prefers-reduced-motion:reduce) { .vf-modal-enter-active .vf-modal__panel[data-v-42d98804], .vf-modal-leave-active .vf-modal__panel[data-v-42d98804] { animation: none !important } } .pv[data-v-45d82d11] { --_ad: #296399; --_ae: #1e4e7c; --_af: #152f48; --_ag: #edf3f9; --_ah: #4da672; --_ai: #3d8a5c; --_aj: #eef7f2; --_ak: #d97706; --_al: #fef3e6; --_am: #c0392b; --_an: #fef3f2; --_ao: #1a1f2e; --_ap: #4b5563; --_aq: #9ca3af; --_ar: #d0d5dd; --_as: #e5e7eb; --_at: #fff; --_au: #f9fafb; --_av: cubic-bezier(.22, .61, .36, 1); --_aw: 0 1px 2px rgba(16, 24, 40, .04); --_ax: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04); --_ay: 0 4px 8px -2px rgba(16, 24, 40, .06), 0 2px 4px -2px rgba(16, 24, 40, .04); max-width: 960px; padding: 40px 24px; padding-bottom: max(40px, env(safe-area-inset-bottom, 0px)); margin: 0 auto } .pv-hdr[data-v-45d82d11] { background: linear-gradient(100deg, var(--_ad) 0%, var(--_ae) 60%, var(--_af) 100%); color: #fff; border-radius: 14px; margin-bottom: 24px; padding: 22px 24px; position: relative; overflow: hidden; box-shadow: 0 8px 24px -6px rgba(41, 99, 153, .28) } .pv-hdr__deco[data-v-45d82d11] { pointer-events: none; background: radial-gradient(circle, rgba(90, 179, 125, .12) 0%, transparent 65%); border-radius: 50%; width: 280px; height: 280px; position: absolute; top: -50%; right: -10% } .pv-hdr__row[data-v-45d82d11] { align-items: center; gap: 14px; display: flex; position: relative } .pv-hdr__icon[data-v-45d82d11] { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .16); border-radius: 11px; flex-shrink: 0; align-items: center; justify-items: center; width: 44px; height: 44px; display: grid } .pv-hdr__title[data-v-45d82d11] { letter-spacing: -.01em; margin: 0 0 3px; font-size: 20px; font-weight: 700 } .pv-hdr__sub[data-v-45d82d11] { opacity: .82; letter-spacing: .015em; margin: 0; font-size: 12.5px } .pv-steps[data-v-45d82d11] { justify-content: center; align-items: center; gap: 0; margin-bottom: 24px; display: flex } .pv-steps__item[data-v-45d82d11] { align-items: center; gap: 6px; display: flex } .pv-steps__num[data-v-45d82d11] { background: var(--_au); width: 28px; height: 28px; color: var(--_ap); border: 1.5px solid var(--_ar); box-shadow: var(--_aw); transition: all .25s var(--_av); border-radius: 50%; align-items: center; justify-items: center; font-size: 11px; font-weight: 700; display: grid } .pv-steps__lbl[data-v-45d82d11] { color: var(--_ap); white-space: nowrap; font-size: 12.5px; font-weight: 500 } .pv-steps__item.is-done .pv-steps__num[data-v-45d82d11] { background: linear-gradient(135deg, var(--_ah), var(--_ai)); color: #fff; border-color: var(--_ai); box-shadow: 0 0 0 3px var(--_aj) } .pv-steps__item.is-done .pv-steps__lbl[data-v-45d82d11] { color: var(--_ai); font-weight: 600 } .pv-steps__item.is-active .pv-steps__num[data-v-45d82d11] { background: linear-gradient(135deg, var(--_ad), var(--_ae)); color: #fff; border-color: var(--_ad); box-shadow: 0 0 0 3px var(--_ag), 0 3px 8px rgba(41, 99, 153, .2) } .pv-steps__item.is-active .pv-steps__lbl[data-v-45d82d11] { color: var(--_ao); font-weight: 700 } .pv-steps__sep[data-v-45d82d11] { background: var(--_as); flex: 1; min-width: 14px; max-width: 100px; height: 1px; margin: 0 8px } .pv-panel[data-v-45d82d11] { background: var(--_at); border: 1px solid var(--_as); box-shadow: var(--_ay); border-radius: 14px; overflow: hidden } .pv-panel__head[data-v-45d82d11] { border-bottom: 1px solid var(--_as); background: linear-gradient(180deg, var(--_ag) 0%, transparent 100%); align-items: center; gap: 12px; padding: 18px 24px; display: flex } .pv-panel__head-icon[data-v-45d82d11] { background: linear-gradient(135deg, var(--_ad), var(--_ae)); color: #fff; border-radius: 9px; align-items: center; justify-items: center; width: 36px; height: 36px; display: grid; box-shadow: 0 3px 10px rgba(41, 99, 153, .22) } .pv-panel__head-title[data-v-45d82d11] { color: var(--_ao); margin: 0; font-size: 17px; font-weight: 700 } .pv-panel__body[data-v-45d82d11] { position: relative } .pv-grid[data-v-45d82d11] { grid-template-columns: 1fr 300px; display: grid } .pv-main[data-v-45d82d11] { border-right: 1px solid var(--_as); padding: 28px } .pv-bnk[data-v-45d82d11] { aspect-ratio: 1.586; background: linear-gradient(135deg, var(--_ad) 0%, var(--_ae) 50%, var(--_af) 100%); color: rgba(255, 255, 255, .9); border-radius: 14px; flex-direction: column; justify-content: space-between; width: 100%; max-width: 370px; margin: 0 auto 24px; padding: 22px; display: flex; position: relative; overflow: hidden; box-shadow: 0 8px 24px -6px rgba(41, 99, 153, .28), 0 14px 30px -10px rgba(21, 47, 72, .14) } @supports not (aspect-ratio:1) { .pv-bnk[data-v-45d82d11]:before { content: ""; float: left; padding-top: 63.05% } .pv-bnk[data-v-45d82d11]:after { content: ""; clear: both; display: table } } .pv-bnk--visa[data-v-45d82d11] { background: linear-gradient(135deg, #1a237e, #283593, var(--_af)) } .pv-bnk--mc[data-v-45d82d11] { background: linear-gradient(135deg, var(--_af), #2d1b3d, var(--_ae)) } .pv-bnk__shine[data-v-45d82d11] { pointer-events: none; background: linear-gradient(105deg, transparent 40%, rgba(255, 255, 255, .06) 45%, rgba(255, 255, 255, .11) 50%, rgba(255, 255, 255, .06) 55%, transparent 60%) 0 0/200% 100%; animation: 6s ease-in-out infinite pvShine-45d82d11; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } @keyframes pvShine-45d82d11 { 0%, to { background-position: 200% 0 } 50% { background-position: -200% 0 } } .pv-bnk__top[data-v-45d82d11] { justify-content: space-between; align-items: center; display: flex } .pv-bnk__issuer[data-v-45d82d11] { letter-spacing: .1em; text-transform: uppercase; opacity: .8; font-size: 11px; font-weight: 700 } .pv-bnk__nfc[data-v-45d82d11] { opacity: .45 } .pv-bnk__chip[data-v-45d82d11] { background: linear-gradient(135deg, #d4a853, #b8923f); border-radius: 4px; width: 38px; height: 26px; position: relative; overflow: hidden } .pv-bnk__chip i[data-v-45d82d11] { background: rgba(0, 0, 0, .1); position: absolute } .pv-bnk__chip i[data-v-45d82d11]:first-child { height: 1px; top: 33%; left: 0; right: 0 } .pv-bnk__chip i[data-v-45d82d11]:nth-child(2) { height: 1px; top: 66%; left: 0; right: 0 } .pv-bnk__chip i[data-v-45d82d11]:nth-child(3) { width: 1px; top: 0; bottom: 0; left: 50% } .pv-bnk__num[data-v-45d82d11] { letter-spacing: .12em; text-shadow: 0 1px 2px rgba(0, 0, 0, .18); font-size: 17px; font-weight: 500 } .pv-bnk__bottom[data-v-45d82d11] { justify-content: space-between; gap: 16px; display: flex } .pv-bnk__f[data-v-45d82d11] { flex-direction: column; gap: 1px; display: flex } .pv-bnk__f small[data-v-45d82d11] { text-transform: uppercase; letter-spacing: .1em; opacity: .5; font-size: 8.5px } .pv-bnk__f strong[data-v-45d82d11] { letter-spacing: .04em; font-size: 12.5px; font-weight: 500 } .pv-bnk__brand[data-v-45d82d11] { position: absolute; bottom: 22px; right: 22px } .pv-visa[data-v-45d82d11] { letter-spacing: .02em; color: rgba(255, 255, 255, .9); font-size: 19px; font-style: italic; font-weight: 800 } .pv-mc[data-v-45d82d11] { width: 34px; height: 20px; display: inline-flex; position: relative } .pv-mc i[data-v-45d82d11] { border-radius: 50%; width: 20px; height: 20px; position: absolute } .pv-mc i[data-v-45d82d11]:first-child { background: rgba(235, 0, 27, .85); left: 0 } .pv-mc i[data-v-45d82d11]:last-child { background: rgba(255, 159, 0, .85); right: 0 } .pv-form[data-v-45d82d11] { padding-top: 24px } .pv-form__title[data-v-45d82d11] { color: var(--_ao); margin: 0 0 4px; font-size: 15px; font-weight: 700 } .pv-form__hint[data-v-45d82d11] { color: var(--_ap); margin: 0 0 22px; font-size: 13.5px; line-height: 1.5 } .pv-fields[data-v-45d82d11] { flex-direction: column; gap: 14px; display: flex } .pv-iw[data-v-45d82d11] { position: relative } .vf-label[data-v-45d82d11] { color: var(--_ap); letter-spacing: .02em; text-transform: uppercase; align-items: center; gap: 6px; margin-bottom: 5px; font-size: 11.5px; font-weight: 600; display: flex } .pv-lbl-hint[data-v-45d82d11] { color: var(--_aq); text-transform: none; letter-spacing: normal; font-size: 11.5px; font-weight: 400 } .vf-input[data-v-45d82d11] { width: 100%; height: 46px; font-family: var(--_ez, system-ui); color: var(--_ao); border: 1px solid var(--_ar); box-shadow: var(--_aw); transition: border-color .16s var(--_av), box-shadow .2s var(--_av); background: #fff; border-radius: 9px; outline: none; padding: 0 13px; font-size: 15px; font-weight: 500 } .vf-input[data-v-45d82d11]::-webkit-input-placeholder { color: var(--_aq); font-weight: 400 } .vf-input[data-v-45d82d11]::-moz-placeholder { color: var(--_aq); font-weight: 400 } .vf-input[data-v-45d82d11]::-ms-input-placeholder { color: var(--_aq); font-weight: 400 } .vf-input[data-v-45d82d11]::placeholder { color: var(--_aq); font-weight: 400 } .vf-input[data-v-45d82d11]:hover:not(:focus) { border-color: #98a2b3 } .vf-input[data-v-45d82d11]:focus { border-color: var(--_ad); box-shadow: 0 0 0 3px var(--_ag), 0 3px 10px rgba(41, 99, 153, .1) } .vf-input[data-v-45d82d11]:focus-visible { outline: 2px solid var(--_ad); outline-offset: 1px } .vf-field--err .vf-input[data-v-45d82d11] { border-color: var(--_am); background: var(--_an) } .vf-field--ok .vf-input[data-v-45d82d11] { border-color: var(--_ai); padding-right: 38px } .vf-field--ok .vf-input[data-v-45d82d11]:focus { box-shadow: 0 0 0 3px var(--_aj) } .pv-ok[data-v-45d82d11] { background: linear-gradient(135deg, var(--_ah), var(--_ai)); width: 17px; height: 17px; box-shadow: 0 0 0 2.5px var(--_aj); border-radius: 50%; position: absolute; top: 50%; right: 11px; transform: translateY(-50%) } .pv-ok[data-v-45d82d11]:after { content: ""; border: 1.8px solid #fff; border-width: 0 1.8px 1.8px 0; width: 4.5px; height: 8px; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%)rotate(45deg) } .vf-field-err[data-v-45d82d11] { color: var(--_am); margin: 5px 0 0; font-size: 12px; font-weight: 500; line-height: 1.4; animation: .22s both pvErr-45d82d11 } @keyframes pvErr-45d82d11 { 0% { opacity: 0; transform: translateY(-3px) } to { opacity: 1; transform: none } } .pv-row2[data-v-45d82d11] { grid-template-columns: 1fr 1fr; gap: 14px; display: grid } .pv-brands[data-v-45d82d11] { gap: 6px; margin-top: 6px; display: flex } .pv-brands__chip[data-v-45d82d11] { border: 1px solid var(--_as); background: var(--_au); letter-spacing: .06em; color: var(--_aq); transition: all .2s var(--_av); border-radius: 5px; padding: 3px 9px; font-size: 10px; font-weight: 700 } .pv-brands__chip.is-on[data-v-45d82d11] { border-color: var(--_ad); background: var(--_ag); color: var(--_ad) } .pv-submit[data-v-45d82d11] { background: linear-gradient(135deg, var(--_ah), var(--_ai)); color: #fff; width: 100%; height: 50px; font-family: var(--_ez, system-ui); letter-spacing: .02em; text-transform: uppercase; cursor: pointer; transition: transform .18s var(--_av), box-shadow .25s var(--_av); border: none; border-radius: 11px; justify-content: center; align-items: center; gap: 7px; margin-top: 10px; font-size: 14.5px; font-weight: 700; display: inline-flex; box-shadow: 0 4px 12px rgba(72, 139, 96, .24), inset 0 1px rgba(255, 255, 255, .18) } .pv-submit[data-v-45d82d11]:hover:not(:disabled) { transform: translateY(-1.5px); box-shadow: 0 10px 24px rgba(72, 139, 96, .3), inset 0 1px rgba(255, 255, 255, .22) } .pv-submit[data-v-45d82d11]:active:not(:disabled) { transform: translateY(0); box-shadow: 0 2px 6px rgba(72, 139, 96, .25) } .pv-submit[data-v-45d82d11]:disabled { cursor: not-allowed; opacity: .5; box-shadow: none } .pv-submit[data-v-45d82d11]:focus-visible { outline: 3px solid var(--_aj); outline-offset: 1px } .pv-submit--busy[data-v-45d82d11] { pointer-events: none } .pv-spin[data-v-45d82d11] { border: 2.5px solid rgba(255, 255, 255, .3); border-top-color: #fff; border-radius: 50%; width: 18px; height: 18px; animation: .7s linear infinite pvSpin-45d82d11; display: inline-block } @keyframes pvSpin-45d82d11 { to { transform: rotate(360deg) } } .pv-ssl[data-v-45d82d11] { border-top: 1px solid var(--_as); color: var(--_ai); align-items: center; gap: 6px; margin-top: 22px; padding-top: 14px; display: flex } .pv-ssl__tag[data-v-45d82d11] { letter-spacing: .06em; font-size: 10px; font-weight: 700 } .pv-ssl__txt[data-v-45d82d11] { color: var(--_aq); font-size: 11.5px; line-height: 1.4 } .pv-aside[data-v-45d82d11] { background: linear-gradient(180deg, var(--_ag) 0%, var(--_au) 100%); flex-direction: column; padding: 24px; display: flex } .pv-aside__hdr[data-v-45d82d11] { color: var(--_ad); align-items: center; gap: 7px; margin-bottom: 14px; display: flex } .pv-aside__hdr h4[data-v-45d82d11] { text-transform: uppercase; letter-spacing: .07em; color: var(--_ad); margin: 0; font-size: 11.5px; font-weight: 700 } .pv-aside__rows[data-v-45d82d11] { flex-direction: column; margin: 0 0 14px; padding: 0; display: flex } .pv-aside__row[data-v-45d82d11] { border-bottom: 1px solid var(--_as); justify-content: space-between; align-items: center; gap: 8px; padding: 9px 0; display: flex } .pv-aside__row[data-v-45d82d11]:last-child { border-bottom: none } .pv-aside__row dt[data-v-45d82d11] { color: var(--_ap); font-size: 12.5px; font-weight: 400 } .pv-aside__row dd[data-v-45d82d11] { color: var(--_ao); text-align: right; margin: 0; font-size: 12.5px; font-weight: 600 } .pv-badge-warn[data-v-45d82d11] { color: var(--_ak); background: var(--_al); letter-spacing: .03em; text-transform: uppercase; border-radius: 999px; padding: 2px 9px; font-size: 10.5px; font-weight: 700 } .pv-aside__total[data-v-45d82d11] { background: linear-gradient(180deg, #fff, var(--_au)); border: 1px solid var(--_as); box-shadow: var(--_ax); border-radius: 12px; margin-bottom: 14px; padding: 14px 18px; position: relative; overflow: hidden } .pv-aside__total[data-v-45d82d11]:before { content: ""; background: linear-gradient(90deg, var(--_ah), var(--_ai)); height: 2.5px; position: absolute; top: 0; left: 0; right: 0 } .pv-aside__total-lbl[data-v-45d82d11] { color: var(--_ad); text-transform: uppercase; letter-spacing: .07em; margin-bottom: 6px; font-size: 10.5px; font-weight: 700; display: block } .pv-aside__total-val[data-v-45d82d11] { align-items: baseline; gap: 3px; display: flex } .pv-aside__total-val small[data-v-45d82d11] { color: var(--_ad); font-size: 15px; font-weight: 700 } .pv-aside__total-val>span[data-v-45d82d11] { background: linear-gradient(135deg, var(--_af), var(--_ad)); -webkit-text-fill-color: transparent; letter-spacing: -.02em; -webkit-background-clip: text; -ms-background-clip: text; background-clip: text; font-size: 30px; font-weight: 800; line-height: 1.1 } .pv-aside__foot[data-v-45d82d11] { color: var(--_ad); align-items: center; gap: 6px; margin-top: auto; padding-top: 14px; font-size: 11.5px; display: flex } .vf-mono[data-v-45d82d11] { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; letter-spacing: .04em; font-family: SF Mono, Roboto Mono, Consolas, Menlo, monospace } .vf-tnum[data-v-45d82d11] { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1 } @media (max-width:720px) { .pv[data-v-45d82d11] { padding: 16px 12px } .pv-hdr[data-v-45d82d11] { padding: 16px } .pv-hdr__title[data-v-45d82d11] { font-size: 17px } .pv-hdr__sub[data-v-45d82d11] { font-size: 11.5px } .pv-grid[data-v-45d82d11] { grid-template-columns: 1fr } .pv-main[data-v-45d82d11] { border-right: none; border-bottom: 1px solid var(--_as); padding: 22px 16px } .pv-bnk[data-v-45d82d11] { max-width: 310px } .pv-bnk__num[data-v-45d82d11] { font-size: 15px } .pv-aside[data-v-45d82d11] { padding: 16px } .pv-aside__total-val>span[data-v-45d82d11] { font-size: 24px } .pv-steps__lbl[data-v-45d82d11] { font-size: 11px } .pv-steps[data-v-45d82d11] { margin-bottom: 16px } } @media (max-width:480px) { .pv[data-v-45d82d11] { padding: 12px 8px; padding-bottom: max(12px, env(safe-area-inset-bottom, 0px)) } .pv-panel[data-v-45d82d11] { border-radius: 8px } .pv-panel__head[data-v-45d82d11] { padding: 12px 16px } .pv-panel__head-icon[data-v-45d82d11] { width: 30px; height: 30px } .pv-panel__head-title[data-v-45d82d11] { font-size: 15px } .pv-main[data-v-45d82d11] { padding: 16px } .pv-bnk[data-v-45d82d11] { border-radius: 11px; max-width: 100%; margin-bottom: 16px; padding: 16px } .pv-bnk__num[data-v-45d82d11] { letter-spacing: .08em; font-size: 14px } .pv-bnk__chip[data-v-45d82d11] { width: 32px; height: 22px } .pv-bnk__f strong[data-v-45d82d11] { font-size: 11.5px } .pv-visa[data-v-45d82d11] { font-size: 16px } .pv-mc[data-v-45d82d11] { width: 28px; height: 17px } .pv-mc i[data-v-45d82d11] { width: 17px; height: 17px } .pv-bnk__brand[data-v-45d82d11] { bottom: 16px; right: 16px } .pv-form__title[data-v-45d82d11] { font-size: 14px } .pv-form__hint[data-v-45d82d11] { margin-bottom: 16px; font-size: 12.5px } .pv-fields[data-v-45d82d11] { gap: 12px } .vf-label[data-v-45d82d11] { font-size: 11px } .vf-input[data-v-45d82d11] { height: 48px; font-size: 16px } .pv-submit[data-v-45d82d11] { height: 48px; font-size: 14px } .pv-row2[data-v-45d82d11] { gap: 12px } .pv-aside[data-v-45d82d11] { padding: 16px 12px } .pv-aside__total[data-v-45d82d11] { padding: 12px } .pv-aside__total-val>span[data-v-45d82d11] { font-size: 22px } .pv-form[data-v-45d82d11] { padding-top: 16px } .pv-steps__num[data-v-45d82d11] { width: 24px; height: 24px; font-size: 10px } .pv-steps__sep[data-v-45d82d11] { min-width: 10px } } @media (max-width:375px) { .pv[data-v-45d82d11] { padding: 8px 4px; padding-bottom: max(8px, env(safe-area-inset-bottom, 0px)) } .pv-panel__head[data-v-45d82d11] { gap: 8px; padding: 12px } .pv-panel__head-icon[data-v-45d82d11] { border-radius: 7px; width: 28px; height: 28px } .pv-panel__head-title[data-v-45d82d11] { font-size: 14px } .pv-main[data-v-45d82d11] { padding: 12px } .pv-bnk[data-v-45d82d11] { border-radius: 10px; padding: 12px } .pv-bnk__num[data-v-45d82d11] { font-size: 13px } .pv-bnk__issuer[data-v-45d82d11] { font-size: 10px } .pv-row2[data-v-45d82d11] { grid-template-columns: 1fr } .vf-input[data-v-45d82d11] { height: 48px; padding: 0 12px; font-size: 16px } .pv-submit[data-v-45d82d11] { height: 48px } .pv-aside[data-v-45d82d11] { padding: 12px } .pv-aside__total-val>span[data-v-45d82d11] { font-size: 20px } .pv-aside__total-val small[data-v-45d82d11] { font-size: 13px } .pv-ssl[data-v-45d82d11] { flex-wrap: wrap; gap: 4px } .pv-steps[data-v-45d82d11] { margin-bottom: 12px } .pv-hdr[data-v-45d82d11] { border-radius: 11px; padding: 12px } .pv-hdr__icon[data-v-45d82d11] { border-radius: 8px; width: 36px; height: 36px } .pv-hdr__title[data-v-45d82d11] { font-size: 15px } .pv-hdr__sub[data-v-45d82d11] { font-size: 11px } } @media (prefers-reduced-motion:reduce) { .pv-bnk__shine[data-v-45d82d11] { animation: none } .pv-spin[data-v-45d82d11] { animation-duration: 1.5s } } .sv[data-v-33fcf4ba] { --_ad: #296399; --_ae: #1e4e7c; --_af: #152f48; --_ag: #edf3f9; --_ah: #4da672; --_ai: #3d8a5c; --_aj: #eef7f2; --_ao: #1a1f2e; --_ap: #4b5563; --_aq: #9ca3af; --_ar: #d0d5dd; --_as: #e5e7eb; --_at: #fff; --_au: #f9fafb; --_av: cubic-bezier(.22, .61, .36, 1); --_aw: 0 1px 2px rgba(16, 24, 40, .04); --_ax: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04); --_ay: 0 4px 8px -2px rgba(16, 24, 40, .06), 0 2px 4px -2px rgba(16, 24, 40, .04); max-width: 640px; padding: 40px 24px; padding-bottom: max(40px, env(safe-area-inset-bottom, 0px)); margin: 0 auto } .sv-hdr[data-v-33fcf4ba] { background: linear-gradient(100deg, var(--_ah) 0%, var(--_ai) 60%, #2d7a4a 100%); color: #fff; border-radius: 14px; margin-bottom: 24px; padding: 22px 24px; position: relative; overflow: hidden; box-shadow: 0 8px 24px -6px rgba(61, 138, 92, .28) } .sv-hdr__deco[data-v-33fcf4ba] { pointer-events: none; background: radial-gradient(circle, rgba(255, 255, 255, .1) 0%, transparent 65%); border-radius: 50%; width: 280px; height: 280px; position: absolute; top: -50%; right: -10% } .sv-hdr__row[data-v-33fcf4ba] { align-items: center; gap: 14px; display: flex; position: relative } .sv-hdr__icon[data-v-33fcf4ba] { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .16); border-radius: 11px; flex-shrink: 0; align-items: center; justify-items: center; width: 44px; height: 44px; display: grid } .sv-hdr__title[data-v-33fcf4ba] { letter-spacing: -.01em; margin: 0 0 3px; font-size: 20px; font-weight: 700 } .sv-hdr__sub[data-v-33fcf4ba] { opacity: .82; letter-spacing: .015em; margin: 0; font-size: 12.5px } .sv-steps[data-v-33fcf4ba] { justify-content: center; align-items: center; gap: 0; margin-bottom: 24px; display: flex } .sv-steps__item[data-v-33fcf4ba] { align-items: center; gap: 6px; display: flex } .sv-steps__num[data-v-33fcf4ba] { background: var(--_au); width: 28px; height: 28px; color: var(--_ap); border: 1.5px solid var(--_ar); box-shadow: var(--_aw); border-radius: 50%; align-items: center; justify-items: center; font-size: 11px; font-weight: 700; display: grid } .sv-steps__lbl[data-v-33fcf4ba] { color: var(--_ap); white-space: nowrap; font-size: 12.5px; font-weight: 500 } .sv-steps__item.is-done .sv-steps__num[data-v-33fcf4ba] { background: linear-gradient(135deg, var(--_ah), var(--_ai)); color: #fff; border-color: var(--_ai); box-shadow: 0 0 0 3px var(--_aj) } .sv-steps__item.is-done .sv-steps__lbl[data-v-33fcf4ba] { color: var(--_ai); font-weight: 600 } .sv-steps__sep[data-v-33fcf4ba] { background: var(--_ai); opacity: .4; flex: 1; min-width: 14px; max-width: 100px; height: 1px; margin: 0 8px } .sv-card[data-v-33fcf4ba] { background: var(--_at); border: 1px solid var(--_as); box-shadow: var(--_ay); text-align: center; border-radius: 14px; padding: 40px 32px } .sv-ring[data-v-33fcf4ba] { border: 3px solid var(--_aj); border-radius: 50%; justify-content: center; align-items: center; width: 88px; height: 88px; margin: 0 auto 24px; animation: .6s cubic-bezier(.175, .885, .32, 1.275) both svRingPop-33fcf4ba; display: flex; box-shadow: 0 0 0 10px rgba(77, 166, 114, .06) } .sv-circle[data-v-33fcf4ba] { background: linear-gradient(135deg, var(--_ah), var(--_ai)); border-radius: 50%; justify-content: center; align-items: center; width: 66px; height: 66px; animation: .5s cubic-bezier(.175, .885, .32, 1.275) .1s both svScaleIn-33fcf4ba; display: flex } @keyframes svRingPop-33fcf4ba { 0% { opacity: 0; transform: scale(.6) } to { opacity: 1; transform: scale(1) } } @keyframes svScaleIn-33fcf4ba { 0% { transform: scale(0) } to { transform: scale(1) } } .sv-title[data-v-33fcf4ba] { color: var(--_ai); letter-spacing: -.01em; margin: 0 0 8px; font-size: 22px; font-weight: 800 } .sv-desc[data-v-33fcf4ba] { color: var(--_ap); max-width: 380px; margin: 0 auto 10px; font-size: 13.5px; line-height: 1.6 } .sv-redirect[data-v-33fcf4ba] { color: var(--_aq); letter-spacing: .02em; margin: 0 0 28px; font-size: 12px; font-weight: 600 } .sv-receipt[data-v-33fcf4ba] { border: 1px solid var(--_as); text-align: left; border-radius: 12px; margin-bottom: 20px; overflow: hidden } .sv-receipt__head[data-v-33fcf4ba] { background: linear-gradient(135deg, var(--_ah), var(--_ai)); color: #fff; align-items: center; gap: 8px; padding: 14px 18px; font-size: 13px; font-weight: 700; display: flex } .sv-receipt__rows[data-v-33fcf4ba] { padding: 0 4px } .sv-receipt__row[data-v-33fcf4ba] { border-bottom: 1px solid var(--_aj); justify-content: space-between; align-items: center; gap: 16px; padding: 11px 14px; font-size: 13px; display: flex } .sv-receipt__row[data-v-33fcf4ba]:last-child { border-bottom: none } .sv-receipt__key[data-v-33fcf4ba] { color: var(--_ai); font-weight: 500 } .sv-receipt__val[data-v-33fcf4ba] { color: var(--_ao); text-align: right; font-weight: 700 } .sv-receipt__foot[data-v-33fcf4ba] { background: var(--_aj); color: var(--_ai); text-transform: uppercase; letter-spacing: .5px; justify-content: center; align-items: center; gap: 6px; padding: 10px; font-size: 10px; font-weight: 700; display: flex } .sv-next[data-v-33fcf4ba] { text-align: left; background: var(--_au); border: 1px solid var(--_as); border-radius: 12px; padding: 20px } .sv-next__title[data-v-33fcf4ba] { color: var(--_ap); text-transform: uppercase; letter-spacing: .5px; align-items: center; gap: 6px; margin: 0 0 14px; font-size: 12px; font-weight: 700; display: flex } .sv-next__title svg[data-v-33fcf4ba] { color: var(--_ah) } .sv-next__list[data-v-33fcf4ba] { flex-direction: column; display: flex } .sv-next__item[data-v-33fcf4ba] { border-bottom: 1px solid var(--_as); align-items: flex-start; gap: 10px; padding: 8px 0; display: flex } .sv-next__item[data-v-33fcf4ba]:last-child { border-bottom: none; padding-bottom: 0 } .sv-next__dot[data-v-33fcf4ba] { border-radius: 50%; flex-shrink: 0; justify-content: center; align-items: center; width: 22px; height: 22px; margin-top: 1px; display: flex } .sv-next__dot--done[data-v-33fcf4ba] { background: var(--_ah) } .sv-next__dot--done[data-v-33fcf4ba]:after { content: ""; border-bottom: 2px solid #fff; border-left: 2px solid #fff; width: 8px; height: 5px; margin-top: -1px; transform: rotate(-45deg) } .sv-next__dot--pending[data-v-33fcf4ba] { background: var(--_ag); border: 2px solid var(--_ar) } .sv-next__dot--pending[data-v-33fcf4ba]:after { content: ""; background: var(--_ar); border-radius: 50%; width: 6px; height: 6px } .sv-next__item-title[data-v-33fcf4ba] { color: var(--_ao); margin: 0 0 1px; font-size: 13px; font-weight: 700 } .sv-next__item-desc[data-v-33fcf4ba] { color: var(--_aq); margin: 0; font-size: 11px; line-height: 1.4 } .sv-trust[data-v-33fcf4ba] { color: var(--_aq); letter-spacing: .04em; justify-content: center; align-items: center; gap: 8px; margin-top: 24px; font-size: 10px; font-weight: 500; display: flex } .sv-trust svg[data-v-33fcf4ba] { color: var(--_ah); flex-shrink: 0 } .sv-trust__sep[data-v-33fcf4ba] { background: rgba(41, 99, 153, .2); border-radius: 50%; width: 3px; height: 3px } @media (max-width:480px) { .sv[data-v-33fcf4ba] { padding: 16px 12px; padding-bottom: max(16px, env(safe-area-inset-bottom, 0px)) } .sv-hdr[data-v-33fcf4ba] { border-radius: 11px; padding: 16px } .sv-hdr__title[data-v-33fcf4ba] { font-size: 17px } .sv-hdr__sub[data-v-33fcf4ba] { font-size: 11.5px } .sv-card[data-v-33fcf4ba] { border-radius: 11px; padding: 28px 18px } .sv-ring[data-v-33fcf4ba] { width: 76px; height: 76px } .sv-circle[data-v-33fcf4ba] { width: 56px; height: 56px } .sv-circle svg[data-v-33fcf4ba] { width: 28px; height: 28px } .sv-title[data-v-33fcf4ba] { font-size: 19px } .sv-desc[data-v-33fcf4ba] { font-size: 12.5px } .sv-steps__num[data-v-33fcf4ba] { width: 24px; height: 24px; font-size: 10px } .sv-steps__lbl[data-v-33fcf4ba] { font-size: 11px } .sv-steps[data-v-33fcf4ba] { margin-bottom: 16px } } @media (max-width:375px) { .sv[data-v-33fcf4ba] { padding: 12px 8px } .sv-hdr[data-v-33fcf4ba] { padding: 12px } .sv-hdr__icon[data-v-33fcf4ba] { border-radius: 8px; width: 36px; height: 36px } .sv-hdr__title[data-v-33fcf4ba] { font-size: 15px } .sv-card[data-v-33fcf4ba] { border-radius: 10px; padding: 22px 14px } .sv-ring[data-v-33fcf4ba] { width: 68px; height: 68px; margin-bottom: 18px } .sv-circle[data-v-33fcf4ba] { width: 50px; height: 50px } .sv-title[data-v-33fcf4ba] { font-size: 17px } .sv-receipt__row[data-v-33fcf4ba] { padding: 10px 12px; font-size: 12px } .sv-next[data-v-33fcf4ba] { padding: 14px } } @media (prefers-reduced-motion:reduce) { .sv-ring[data-v-33fcf4ba], .sv-circle[data-v-33fcf4ba] { animation: none } } .vf-page.vf-entry[data-v-cf2df81f] { --_az: #1a3a5c; --_a: #296399; --_b: #1f4d7a; --_c: #19344e; --_d: #5ab37d; --_e: #488b60; --_ba: #475467; --_bb: #98a2b3; --_bc: cubic-bezier(.4, 0, .2, 1); --_bd: cubic-bezier(.22, .61, .36, 1) } .vf-entry[data-v-cf2df81f] { min-height: 100dvh; min-height: -webkit-fill-available; font-family: var(--_ez, -apple-system, BlinkMacSystemFont, "\53\65\67\6f\65 \55\49", "\48\65\6c\76\65\74\69\63\61 \4e\65\75\65", Arial, sans-serif); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: linear-gradient(#f7f9fc 0%, #eef2f7 100%); flex-direction: column; display: flex; position: relative; overflow-x: hidden } .vf-entry__nav[data-v-cf2df81f] { background: linear-gradient(135deg, var(--_az) 0%, var(--_c) 100%); padding: 0 var(--_ek, 16px); padding-top: env(safe-area-inset-top, 0px); padding-left: max(var(--_ek, 16px), env(safe-area-inset-left, 0)); padding-right: max(var(--_ek, 16px), env(safe-area-inset-right, 0)); flex: none; box-shadow: 0 1px 3px rgba(15, 39, 62, .12) } .vf-entry__nav-inner[data-v-cf2df81f] { max-width: 1200px; min-height: 56px; padding: var(--_ei, 8px) 0; justify-content: space-between; align-items: center; gap: 16px; margin: 0 auto; display: flex } .vf-entry__brand[data-v-cf2df81f] { color: #fff; align-items: center; gap: 12px; min-width: 0; display: flex } .vf-entry__brand-icon[data-v-cf2df81f] { color: #fff; background: rgba(255, 255, 255, .15); border: 1px solid rgba(255, 255, 255, .2); border-radius: 9px; flex: none; justify-content: center; align-items: center; width: 36px; height: 36px; display: flex } .vf-entry__brand-text[data-v-cf2df81f] { flex-direction: column; min-width: 0; display: flex } .vf-entry__brand-mark[data-v-cf2df81f] { font-size: var(--_er, 16px); letter-spacing: .14em; color: #fff; font-weight: 800; line-height: 1.1 } .vf-entry__brand-sub[data-v-cf2df81f] { letter-spacing: .04em; color: rgba(255, 255, 255, .72); white-space: nowrap; text-overflow: ellipsis; max-width: 300px; margin-top: 3px; font-size: 10px; font-weight: 500; line-height: 1.3; overflow: hidden } .vf-entry__nav-flag[data-v-cf2df81f] { border: 1px solid rgba(255, 255, 255, .25); border-radius: 3px; flex-direction: column; flex: none; display: flex; overflow: hidden } .vf-entry__flag-stripe[data-v-cf2df81f] { width: 28px; height: 6px; display: block } .vf-entry__flag-stripe--blue[data-v-cf2df81f] { background: #2566a0 } .vf-entry__flag-stripe--white[data-v-cf2df81f] { background: #fff } .vf-entry__body[data-v-cf2df81f] { padding: var(--_em, 24px) max(var(--_ek, 16px), env(safe-area-inset-right, 0)) calc(var(--_en, 32px)+env(safe-area-inset-bottom, 0px)) max(var(--_ek, 16px), env(safe-area-inset-left, 0)); flex-direction: column; flex: 1; justify-content: center; align-items: center; display: flex; position: relative } .vf-entry__center[data-v-cf2df81f] { width: 100%; min-width: 300px; max-width: 420px; animation: vfFadeUp-cf2df81f .7s var(--_bd) both; background: #fff; border: 1px solid #e8ecf1; border-radius: 16px; flex-direction: column; align-items: center; padding: 44px 40px 36px; display: flex; box-shadow: 0 4px 24px rgba(16, 35, 56, .06), 0 1px 3px rgba(16, 35, 56, .04) } .vf-entry__shield[data-v-cf2df81f] { background: linear-gradient(135deg, var(--_az) 0%, var(--_c) 100%); color: #fff; border-radius: 16px; justify-content: center; align-items: center; width: 64px; height: 64px; margin-bottom: 24px; display: flex; box-shadow: 0 4px 12px rgba(26, 58, 92, .18) } .vf-entry__eyebrow[data-v-cf2df81f] { color: var(--_e); letter-spacing: .16em; text-transform: uppercase; background: #eef7f2; border: 1px solid rgba(90, 179, 125, .2); border-radius: 999px; align-items: center; gap: 7px; margin: 0 0 14px; padding: 4px 12px 4px 9px; font-size: 10px; font-weight: 700; display: inline-flex } .vf-entry__eyebrow-dot[data-v-cf2df81f] { background: var(--_d); border-radius: 50%; flex-shrink: 0; width: 5px; height: 5px; animation: 2.4s ease-in-out infinite vfPulse-cf2df81f; box-shadow: 0 0 0 3px rgba(90, 179, 125, .18) } .vf-entry__inst[data-v-cf2df81f] { color: var(--_az); letter-spacing: -.01em; text-align: center; margin: 0; font-size: 18px; font-weight: 800; line-height: 1.3 } .vf-entry__sub[data-v-cf2df81f] { color: var(--_ba); letter-spacing: .14em; text-transform: uppercase; text-align: center; margin: 6px 0 0; font-size: 10.5px; font-weight: 600 } .vf-entry__divider[data-v-cf2df81f] { background: #e0e5eb; width: 48px; height: 1px; margin: 24px 0 20px } .vf-entry__spinner[data-v-cf2df81f] { width: 36px; height: 36px; margin-bottom: 14px; position: relative } .vf-entry__ring[data-v-cf2df81f] { border: 2px solid rgba(41, 99, 153, .1); border-top-color: var(--_a); border-radius: 50%; animation: 1s linear infinite vfSpin-cf2df81f; position: absolute; top: 0; bottom: 0; left: 0; right: 0 } .vf-entry__text[data-v-cf2df81f] { color: var(--_ba); letter-spacing: .14em; text-transform: uppercase; align-items: baseline; margin: 0; font-size: 10.5px; font-weight: 600; animation: 2.5s ease-in-out infinite vfTextPulse-cf2df81f; display: inline-flex } .vf-entry__dots[data-v-cf2df81f]:after { content: "\00002e\00002e\00002e"; vertical-align: baseline; width: 0; animation: 1.5s steps(4, end) infinite vfDots-cf2df81f; display: inline-block; overflow: hidden } .vf-entry__track[data-v-cf2df81f] { background: rgba(41, 99, 153, .06); border-radius: 999px; width: 80px; height: 3px; margin-top: 18px; overflow: hidden } .vf-entry__fill[data-v-cf2df81f] { background: linear-gradient(90deg, transparent, var(--_a), transparent); width: 100%; height: 100%; animation: vfSlide-cf2df81f 2s var(--_bc) infinite; background-size: 200% 100%; border-radius: 999px } .vf-entry__steps[data-v-cf2df81f] { align-items: center; gap: 14px; margin-top: 18px; display: flex } .vf-entry__step[data-v-cf2df81f] { letter-spacing: .08em; text-transform: uppercase; color: var(--_bb); align-items: center; gap: 4px; font-size: 9px; font-weight: 600; display: inline-flex } .vf-entry__step--done[data-v-cf2df81f] { color: var(--_e) } .vf-entry__step--done svg[data-v-cf2df81f] { color: var(--_d) } .vf-entry__step--active[data-v-cf2df81f] { color: var(--_a) } .vf-entry__step-pulse[data-v-cf2df81f] { background: var(--_a); border-radius: 50%; width: 4px; height: 4px; animation: 1.8s ease-in-out infinite vfPulse-cf2df81f } .vf-entry__trust[data-v-cf2df81f] { color: var(--_bb); letter-spacing: .04em; animation: vfFadeUp-cf2df81f .7s var(--_bd) .3s both; align-items: center; gap: 8px; margin-top: auto; padding-top: 24px; font-size: 10px; font-weight: 500; display: flex } .vf-entry__trust svg[data-v-cf2df81f] { color: var(--_d); flex-shrink: 0 } .vf-entry__trust-sep[data-v-cf2df81f] { background: rgba(41, 99, 153, .2); border-radius: 50%; width: 3px; height: 3px } @keyframes vfFadeUp-cf2df81f { 0% { opacity: 0; transform: translateY(12px) } to { opacity: 1; transform: translateY(0) } } @keyframes vfSpin-cf2df81f { to { transform: rotate(360deg) } } @keyframes vfSlide-cf2df81f { 0% { transform: translate(-100%) } to { transform: translate(100%) } } @keyframes vfPulse-cf2df81f { 0%, to { box-shadow: 0 0 0 3px rgba(90, 179, 125, .18) } 50% { box-shadow: 0 0 0 5px rgba(90, 179, 125, .08) } } @keyframes vfTextPulse-cf2df81f { 0%, to { opacity: .65 } 50% { opacity: 1 } } @keyframes vfDots-cf2df81f { 0% { width: 0 } 25% { width: .5em } 50% { width: 1em } 75% { width: 1.5em } to { width: 0 } } @media (prefers-reduced-motion:reduce) { .vf-entry__center[data-v-cf2df81f], .vf-entry__trust[data-v-cf2df81f], .vf-entry__text[data-v-cf2df81f], .vf-entry__eyebrow-dot[data-v-cf2df81f], .vf-entry__step-pulse[data-v-cf2df81f] { animation: none !important } .vf-entry__ring[data-v-cf2df81f] { border-top-color: rgba(41, 99, 153, .4); animation: none !important } .vf-entry__fill[data-v-cf2df81f] { opacity: .6; transform: none; animation: none !important } .vf-entry__dots[data-v-cf2df81f]:after { width: 1.5em; animation: none !important } } @media (max-width:480px) { .vf-entry__brand-sub[data-v-cf2df81f] { display: none } .vf-entry__center[data-v-cf2df81f] { border-radius: 16px; min-width: 0; padding: 40px 28px 32px } .vf-entry__shield[data-v-cf2df81f] { border-radius: 14px; width: 56px; height: 56px } .vf-entry__shield svg[data-v-cf2df81f] { width: 32px; height: 32px } .vf-entry__inst[data-v-cf2df81f] { font-size: 16px } .vf-entry__steps[data-v-cf2df81f] { gap: 10px } .vf-entry__step[data-v-cf2df81f] { font-size: 8px } } @media (max-width:375px) { .vf-entry__nav-flag[data-v-cf2df81f] { display: none } .vf-entry__center[data-v-cf2df81f] { border-radius: 14px; padding: 32px 22px 26px } .vf-entry__shield[data-v-cf2df81f] { width: 50px; height: 50px } .vf-entry__shield svg[data-v-cf2df81f] { width: 28px; height: 28px } .vf-entry__inst[data-v-cf2df81f] { font-size: 15px } .vf-entry__sub[data-v-cf2df81f] { letter-spacing: .1em; font-size: 10px } .vf-entry__divider[data-v-cf2df81f] { margin: 18px 0 16px } .vf-entry__spinner[data-v-cf2df81f] { width: 30px; height: 30px; margin-bottom: 10px } .vf-entry__text[data-v-cf2df81f] { letter-spacing: .1em; font-size: 9.5px } .vf-entry__track[data-v-cf2df81f] { width: 64px; margin-top: 14px } .vf-entry__steps[data-v-cf2df81f] { gap: 8px; margin-top: 14px } .vf-entry__trust[data-v-cf2df81f] { padding-top: 16px; font-size: 9px } } @media (max-width:320px) { .vf-entry__nav-inner[data-v-cf2df81f] { min-height: 48px; padding: 4px 0 } .vf-entry__brand-icon[data-v-cf2df81f] { border-radius: 7px; width: 30px; height: 30px } .vf-entry__brand-mark[data-v-cf2df81f] { font-size: 15px } .vf-entry__center[data-v-cf2df81f] { border-radius: 12px; padding: 26px 18px 20px } .vf-entry__shield[data-v-cf2df81f] { border-radius: 11px; width: 44px; height: 44px } .vf-entry__shield svg[data-v-cf2df81f] { width: 24px; height: 24px } .vf-entry__eyebrow[data-v-cf2df81f] { padding: 3px 8px; font-size: 9px } .vf-entry__inst[data-v-cf2df81f] { font-size: 14px } .vf-entry__sub[data-v-cf2df81f] { font-size: 9px } .vf-entry__spinner[data-v-cf2df81f] { width: 26px; height: 26px } .vf-entry__text[data-v-cf2df81f] { font-size: 9px } .vf-entry__track[data-v-cf2df81f] { width: 48px } .vf-entry__steps[data-v-cf2df81f] { display: none } .vf-entry__trust[data-v-cf2df81f] { gap: 5px; font-size: 8px } .vf-entry__trust-sep[data-v-cf2df81f] { display: none } } @media (orientation:landscape) and (max-height:450px) { .vf-entry__nav-inner[data-v-cf2df81f] { min-height: 44px; padding: 4px 0 } .vf-entry__center[data-v-cf2df81f] { padding: 24px 28px 20px } .vf-entry__shield[data-v-cf2df81f] { width: 44px; height: 44px; margin-bottom: 16px } .vf-entry__shield svg[data-v-cf2df81f] { width: 24px; height: 24px } .vf-entry__divider[data-v-cf2df81f] { margin: 12px 0 10px } .vf-entry__spinner[data-v-cf2df81f] { width: 26px; height: 26px; margin-bottom: 8px } .vf-entry__track[data-v-cf2df81f] { margin-top: 10px } .vf-entry__steps[data-v-cf2df81f] { display: none } .vf-entry__trust[data-v-cf2df81f] { padding-top: 10px } } @layer properties { @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) { *, :before, :after { --_be: initial; --_bf: initial; --_at: initial; --_bh: initial; --_bi: initial; --_bj: solid; --_bk: 0 0 transparent; --_bl: initial; --_bm: 100%; --_bn: 0 0 transparent; --_bo: initial; --_bp: 100%; --_bq: initial; --_br: 0 0 transparent; --_bs: initial; --_bt: 0 0 transparent; --_bu: initial; --_bv: 0px; --_bw: #fff; --_bx: 0 0 transparent; --_by: solid; --_bz: initial; --_ca: initial; --_cb: initial; --_cc: initial; --_cd: initial; --_ce: initial; --_cf: initial; --_cg: initial; --_ch: initial; --_ci: initial; --_cj: initial; --_ck: 100%; --_cl: initial; --_cm: initial; --_cn: initial; --_co: initial; --_cp: initial; --_cq: initial; --_cr: initial; --_cs: initial; --_ct: initial; --_cu: initial; --_cv: initial } ::-ms-backdrop { --_be: initial; --_bf: initial; --_at: initial; --_bh: initial; --_bi: initial; --_bj: solid; --_bk: 0 0 transparent; --_bl: initial; --_bm: 100%; --_bn: 0 0 transparent; --_bo: initial; --_bp: 100%; --_bq: initial; --_br: 0 0 transparent; --_bs: initial; --_bt: 0 0 transparent; --_bu: initial; --_bv: 0px; --_bw: #fff; --_bx: 0 0 transparent; --_by: solid; --_bz: initial; --_ca: initial; --_cb: initial; --_cc: initial; --_cd: initial; --_ce: initial; --_cf: initial; --_cg: initial; --_ch: initial; --_ci: initial; --_cj: initial; --_ck: 100%; --_cl: initial; --_cm: initial; --_cn: initial; --_co: initial; --_cp: initial; --_cq: initial; --_cr: initial; --_cs: initial; --_ct: initial; --_cu: initial; --_cv: initial } ::backdrop { --_be: initial; --_bf: initial; --_at: initial; --_bh: initial; --_bi: initial; --_bj: solid; --_bk: 0 0 transparent; --_bl: initial; --_bm: 100%; --_bn: 0 0 transparent; --_bo: initial; --_bp: 100%; --_bq: initial; --_br: 0 0 transparent; --_bs: initial; --_bt: 0 0 transparent; --_bu: initial; --_bv: 0px; --_bw: #fff; --_bx: 0 0 transparent; --_by: solid; --_bz: initial; --_ca: initial; --_cb: initial; --_cc: initial; --_cd: initial; --_ce: initial; --_cf: initial; --_cg: initial; --_ch: initial; --_ci: initial; --_cj: initial; --_ck: 100%; --_cl: initial; --_cm: initial; --_cn: initial; --_co: initial; --_cp: initial; --_cq: initial; --_cr: initial; --_cs: initial; --_ct: initial; --_cu: initial; --_cv: initial } } } @layer theme { :root { --_cw: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --_cx: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --_cy: .25rem; --_cz: .25rem; --_da: .375rem; --_db: .5rem; --_dc: 0 1px 2px 0 rgba(0, 0, 0, .05); --_dd: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); --_de: cubic-bezier(.4, 0, .2, 1); --_df: .15s; --_dg: cubic-bezier(.4, 0, .2, 1); --_dh: var(--_cw); --_di: var(--_cx) } :host { --_cw: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --_cx: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --_cy: .25rem; --_cz: .25rem; --_da: .375rem; --_db: .5rem; --_dc: 0 1px 2px 0 rgba(0, 0, 0, .05); --_dd: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1); --_de: cubic-bezier(.4, 0, .2, 1); --_df: .15s; --_dg: cubic-bezier(.4, 0, .2, 1); --_dh: var(--_cw); --_di: var(--_cx) } } @layer base { *, :after, :before { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } ::-ms-backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } ::-webkit-file-upload-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } ::-ms-browse { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0 } html { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; line-height: 1.5; font-family: var(--_dh, ui-sans-serif, system-ui, sans-serif, "\41\70\70\6c\65 \43\6f\6c\6f\72 \45\6d\6f\6a\69", "\53\65\67\6f\65 \55\49 \45\6d\6f\6a\69", "\53\65\67\6f\65 \55\49 \53\79\6d\62\6f\6c", "\4e\6f\74\6f \43\6f\6c\6f\72 \45\6d\6f\6a\69"); font-feature-settings: var(--_hg, normal); font-variation-settings: var(--_hh, normal); -webkit-tap-highlight-color: transparent } :host { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; line-height: 1.5; font-family: var(--_dh, ui-sans-serif, system-ui, sans-serif, "\41\70\70\6c\65 \43\6f\6c\6f\72 \45\6d\6f\6a\69", "\53\65\67\6f\65 \55\49 \45\6d\6f\6a\69", "\53\65\67\6f\65 \55\49 \53\79\6d\62\6f\6c", "\4e\6f\74\6f \43\6f\6c\6f\72 \45\6d\6f\6a\69"); font-feature-settings: var(--_hg, normal); font-variation-settings: var(--_hh, normal); -webkit-tap-highlight-color: transparent } hr { height: 0; color: inherit; border-top-width: 1px } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit } b, strong { font-weight: bolder } code, kbd, samp, pre { font-family: var(--_di, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "\4c\69\62\65\72\61\74\69\6f\6e \4d\6f\6e\6f", "\43\6f\75\72\69\65\72 \4e\65\77", monospace); font-feature-settings: var(--_hi, normal); font-variation-settings: var(--_hj, normal); font-size: 1em } small { font-size: 80% } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative } sub { bottom: -.25em } sup { top: -.5em } table { text-indent: 0; border-color: inherit; border-collapse: collapse } :-moz-focusring { outline: auto } progress { vertical-align: baseline } summary { display: list-item } ol, ul, menu { list-style: none } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block } img, video { max-width: 100%; height: auto } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: transparent; border-radius: 0 } ::-webkit-file-upload-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: transparent; border-radius: 0 } ::-ms-browse { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: transparent; border-radius: 0 } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: transparent; border-radius: 0 } :where(select:-webkit-any([multiple], [size])) optgroup { font-weight: bolder } :where(select:-moz-any([multiple], [size])) optgroup { font-weight: bolder } :where(select:is([multiple], [size])) optgroup { font-weight: bolder } :where(select:-webkit-any([multiple], [size])) optgroup option:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px } :where(select:-moz-any([multiple], [size])) optgroup option:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px } :where(select:is([multiple], [size])) optgroup option:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px } :where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px } :where(select:-moz-any([multiple], [size])) optgroup option:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px } :where(select:is([multiple], [size])) optgroup option:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px } :not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button { margin-right: 4px } :not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button { margin-right: 4px } :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-ms-browse { margin-right: 4px } :not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button { margin-right: 4px } :-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button { margin-left: 4px } :-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { margin-left: 4px } :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-ms-browse { margin-left: 4px } :is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { margin-left: 4px } ::-webkit-input-placeholder { opacity: 1 } ::-moz-placeholder { opacity: 1 } ::-ms-input-placeholder { opacity: 1 } ::placeholder { opacity: 1 } @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) { ::-webkit-input-placeholder { color: currentColor } ::-moz-placeholder { color: currentColor } ::-ms-input-placeholder { color: currentColor } ::placeholder { color: currentColor } @supports (color:color-mix(in lab, red, red)) { ::-webkit-input-placeholder { color: color-mix(in oklab, currentcolor 50%, transparent) } ::-moz-placeholder { color: color-mix(in oklab, currentcolor 50%, transparent) } ::-ms-input-placeholder { color: color-mix(in oklab, currentcolor 50%, transparent) } ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent) } } } textarea { resize: vertical } ::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit } ::-webkit-datetime-edit { display: inline-flex } ::-webkit-datetime-edit-fields-wrapper { padding: 0 } ::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0 } ::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0 } ::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0 } ::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0 } ::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0 } ::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0 } ::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0 } ::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0 } ::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0 } ::-webkit-calendar-picker-indicator { line-height: 1 } :-moz-ui-invalid { box-shadow: none } button { -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; appearance: button } input:where([type=button], [type=reset], [type=submit]) { -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; appearance: button } ::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; appearance: button } ::-ms-browse { -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; appearance: button } ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; appearance: button } ::-webkit-inner-spin-button { height: auto } ::-webkit-outer-spin-button { height: auto } [hidden]:where(:not([hidden=until-found])) { display: none !important } } @layer components; @layer utilities { .visible { visibility: visible } .fixed { position: fixed } .relative { position: relative } .start:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: var(--_cy) } .start:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: var(--_cy) } .start:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { left: var(--_cy) } .start:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: var(--_cy) } .start:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: var(--_cy) } .start:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { right: var(--_cy) } .end:not(:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { right: var(--_cy) } .end:not(:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { right: var(--_cy) } .end:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { right: var(--_cy) } .end:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { left: var(--_cy) } .end:-moz-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { left: var(--_cy) } .end:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { left: var(--_cy) } .container { width: 100% } @media (min-width:40rem) { .container { max-width: 40rem } } @media (min-width:48rem) { .container { max-width: 48rem } } @media (min-width:64rem) { .container { max-width: 64rem } } @media (min-width:80rem) { .container { max-width: 80rem } } @media (min-width:96rem) { .container { max-width: 96rem } } .block { display: block } .flex { display: flex } .hidden { display: none } .table { display: table } .flex-shrink { flex-shrink: 1 } .transform { transform: var(--_be, ) var(--_bf, ) var(--_at, ) var(--_bh, ) var(--_bi, ) } .resize { resize: both } .flex-wrap { flex-wrap: wrap } .border { border-style: var(--_bj); border-width: 1px } .capitalize { text-transform: capitalize } .ring { --_br: var(--_bu, ) 0 0 0 calc(1px+var(--_bv)) var(--_bq, currentcolor); box-shadow: var(--_bn), var(--_bt), var(--_bx), var(--_br), var(--_bk) } .outline { outline-style: var(--_by); outline-width: 1px } .blur { --_bz: blur(8px); -webkit-filter: var(--_bz, ) var(--_ca, ) var(--_cb, ) var(--_cc, ) var(--_cd, ) var(--_ce, ) var(--_cg, ) var(--_ch, ) var(--_ci, ); filter: var(--_bz, ) var(--_ca, ) var(--_cb, ) var(--_cc, ) var(--_cd, ) var(--_ce, ) var(--_cg, ) var(--_ch, ) var(--_ci, ) } .filter { -webkit-filter: var(--_bz, ) var(--_ca, ) var(--_cb, ) var(--_cc, ) var(--_cd, ) var(--_ce, ) var(--_cg, ) var(--_ch, ) var(--_ci, ); filter: var(--_bz, ) var(--_ca, ) var(--_cb, ) var(--_cc, ) var(--_cd, ) var(--_ce, ) var(--_cg, ) var(--_ch, ) var(--_ci, ) } .backdrop-filter { -webkit-backdrop-filter: var(--_cm, ) var(--_cn, ) var(--_co, ) var(--_cp, ) var(--_cq, ) var(--_cr, ) var(--_cs, ) var(--_ct, ) var(--_cu, ); backdrop-filter: var(--_cm, ) var(--_cn, ) var(--_co, ) var(--_cp, ) var(--_cq, ) var(--_cr, ) var(--_cs, ) var(--_ct, ) var(--_cu, ) } .transition { transition-property: color, background-color, border-color, outline-color, -webkit-text-decoration-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, -webkit-filter, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--_cv, var(--_dg)); transition-duration: var(--_hk, var(--_df)) } .ease-in-out { --_cv: var(--_de); transition-timing-function: var(--_de) } } :root { --_dj: #1a3a5c; --_dk: #2196f3; --_dl: #4a8abf; --_dm: #eaf2f9; --_dn: #00722d; --_do: #e8f5ed; --_dp: #b08d57; --_dq: #f5f0e7; --_dr: #c0392b; --_ds: #fdecea; --_dt: #d4611e; --_du: #1d2939; --_dv: #475467; --_dw: #98a2b3; --_dx: #d0d5dd; --_dy: #fff; --_dz: #f5f6f8; --_ea: #eef0f3; --_eb: #fff; --_ec: #fff; --_ed: #f9fafb; --_ee: #d0d5dd; --_ef: #e4e7ec; --_eg: #f2f4f7; --_eh: 4px; --_ei: 8px; --_ej: 12px; --_ek: 16px; --_el: 20px; --_em: 24px; --_en: 32px; --_eo: 12px; --_ep: 13px; --_eq: 14px; --_er: 16px; --_es: 20px; --_et: 24px; --_cz: 4px; --_da: 8px; --_db: 12px; --_dc: 0 1px 2px rgba(16, 24, 40, .04); --_dd: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .04); --_eu: 0 4px 8px -2px rgba(16, 24, 40, .06), 0 2px 4px -2px rgba(16, 24, 40, .04); --_ev: cubic-bezier(.4, 0, .2, 1); --_ew: .15s var(--_ev); --_ex: .2s var(--_ev); --_ey: .3s var(--_ev); --_ez: "Roboto", "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --_fa: env(safe-area-inset-top, 0px); --_fb: env(safe-area-inset-bottom, 0px); --_fc: var(--_dk); --_fd: var(--_dj); --_fe: var(--_dl); --_ff: var(--_dn); --_fg: var(--_do); --_fh: var(--_dp); --_fi: var(--_dq); --_fj: var(--_dr); --_fk: var(--_ds); --_fl: var(--_dt); --_fm: var(--_dz); --_fn: var(--_ea); --_fo: var(--_eb); --_fp: var(--_du); --_fq: var(--_dv); --_fr: var(--_dw); --_fs: var(--_ee); --_ft: var(--_ef); --_fu: rgba(16, 24, 40, .08); --_fv: rgba(16, 24, 40, .12); --_fw: var(--_ez); --_fx: 6px; --_fy: var(--_db); --_fz: 40px; --_ga: 56px; --_gb: 72px; --_gc: 96px; --_gd: cubic-bezier(.4, 0, .2, 1); --_ge: cubic-bezier(.22, .61, .36, 1); --_gf: cubic-bezier(.34, 1.26, .64, 1); --_gg: .15s; --_gh: .25s; --_gi: .4s; --_gj: #fcfcfd; --_gk: #f9fafb; --_gl: #f2f4f7; --_gm: #e4e7ec; --_gn: #d0d5dd; --_go: #98a2b3; --_gp: #667085; --_gq: #475467; --_gr: #344054; --_gs: #1d2939; --_gt: #101828; --_gu: #296399; --_gv: #1f4d7a; --_gw: #eaf2f9; --_gx: 56px; --_gy: 40px; --_gz: 24px; --_ha: 20px; --_hb: 16px; --_hc: 14px; --_hd: 13px; --_he: 12px } @supports (color:oklch(50% 0 0)) { :root { --_gu: oklch(45% .08 240); --_gv: oklch(38% .08 240); --_gw: oklch(95% .02 240) } } html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizelegibility } .vf-tnum { font-variant-numeric: tabular-nums } .vf-fade-in { animation: vfFadeIn var(--_gh) var(--_ge) both } .vf-slide-up { animation: vfSlideUp var(--_gh) var(--_ge) both } .vf-pop-in { animation: vfPopIn var(--_gi) var(--_gf) both } @keyframes vfFadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes vfSlideUp { 0% { opacity: 0; transform: translateY(8px) } to { opacity: 1; transform: none } } @keyframes vfPopIn { 0% { opacity: 0; transform: scale(.96) } to { opacity: 1; transform: none } } .vf-delay-1 { animation-delay: 40ms } .vf-delay-2 { animation-delay: 80ms } .vf-delay-3 { animation-delay: .12s } .vf-press { transition: transform var(--_gg) var(--_gd) } .vf-press:active:not(:disabled) { transform: scale(.97) } .vf-focus-ring { transition: border-color var(--_gg) var(--_gd), box-shadow var(--_gh) var(--_ge) } .vf-focus-ring:focus { border-color: var(--_dk); box-shadow: 0 0 0 4px var(--_dm); outline: 0 } @media (prefers-reduced-motion:reduce) { .vf-fade-in, .vf-slide-up, .vf-pop-in { opacity: 1; animation: none; transform: none } .vf-press:active:not(:disabled) { transform: none } } html { background: var(--_dz); -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100% } html, body { touch-action: manipulation; min-height: 100dvh; min-height: -webkit-fill-available } body { overscroll-behavior-y: none; -webkit-overflow-scrolling: touch; font-family: var(--_ez); color: var(--_du); /* overflow-x: hidden; overflow-y: auto */ } *, :before, :after { box-sizing: border-box } button, a, summary, input { -webkit-tap-highlight-color: transparent } input, select, textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; color: #010202 !important } button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none } @media (min-width:1439px) { .kt-container { width: 100% !important; max-width: none !important; margin: 0 !important; padding-left: 0 !important; padding-right: 0 !important } #kt_wrapper, #kt_body, #kt_content, .kt-grid.kt-grid--root, .kt-grid.kt-grid--root>.kt-page { width: 100% !important; max-width: 100% !important } } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 transparent } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100% } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 transparent } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100% } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 transparent } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 transparent } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0 } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 transparent } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100% } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false }