.wallet-modal-overlay {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(26,26,26,.7);
  z-index:10002;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px)
}

.wallet-modal {
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.98);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius:12px;
  padding:40px;
  max-width:600px;
  width:90%;
  max-height:80vh;
  overflow-y: auto;
  z-index:10003;
  box-shadow:0 10px 40px rgba(0,0,0,.15);
  border:1px solid rgba(26,26,26,.1);
  font-family: Manrope,sans-serif
}

.wallet-modal-header {
  margin-bottom:25px;
  position: relative
}

.wallet-modal-back {
  position: absolute;
  top:0;
  left:0;
  background: transparent;
  border: none;
  cursor: pointer;
  padding:4px;
  color: rgba(26,26,26,.6);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s
}

.wallet-modal-back:hover {
  color:#0500FF;
  transform: translateX(-2px)
}

.wallet-modal-header h2 {
  font-size:24px;
  font-weight:600;
  color:#1a1a1a;
  margin:0 0 8px
}

.wallet-modal-header h2,.wallet-modal-header p {
  text-align: center;
  font-family: Manrope,sans-serif
}

.wallet-modal-header p {
  font-size:14px;
  color: rgba(26,26,26,.7);
  margin:0
}

.wallet-grid {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap:10px
}

.wallet-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:12px;
  border-radius:12px;
  cursor: pointer;
  transition: all .2s;
  border:1px solid rgba(26,26,26,.1);
  background: rgba(255,255,255,.5)
}

.wallet-item:hover {
  background: rgba(5,0,255,.05);
  border-color: rgba(5,0,255,.3);
  transform: translateY(-2px);
  box-shadow:0 4px 12px rgba(5,0,255,.2)
}

.wallet-icon {
  width:45px;
  height:45px;
  border-radius:10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom:8px;
  background: transparent
}

.wallet-icon img {
  width:100%;
  height:100%;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius:10px
}

.wallet-name {
  font-size:11px;
  color: rgba(26,26,26,.8);
  text-align: center;
  font-weight:500;
  word-break: break-word;
  font-family: Manrope,sans-serif
}

@media (max-width:768px) {
  .wallet-grid {
    grid-template-columns: repeat(3,1fr);
    gap:8px
  }

  .wallet-icon {
    width:40px;
    height:40px
  }

  .wallet-name {
    font-size:10px
  }

  .wallet-modal {
    padding:20px
  }

  .wallet-item {
    padding:8px
  }
}

@media (max-width:480px) {
  .wallet-grid {
    grid-template-columns: repeat(2,1fr)
  }
}

.loading-modal-overlay {
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(26,26,26,.8);
  z-index:10004;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  animation: fadeIn .3s ease
}

@keyframes fadeIn {
  0% {
    opacity:0
  }

  to {
    opacity:1
  }
}

.loading-modal {
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  z-index:10005;
  font-family: Manrope,sans-serif
}

@keyframes modalSlideIn {
  0% {
    opacity:0
  }

  to {
    opacity:1
  }
}

.loading-modal.step-modal {
  background: rgba(255,255,255,.98);
  backdrop-filter: blur(50px);
  border-radius:12px;
  padding:48px 40px 36px;
  min-width:360px;
  max-width:420px;
  width:90%;
  box-shadow:0 10px 40px rgba(0,0,0,.15);
  border:1px solid rgba(26,26,26,.1)
}

.step-modal-close-btn {
  position: absolute;
  top:16px;
  right:16px;
  width:32px;
  height:32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(26,26,26,.05);
  border:1px solid rgba(26,26,26,.1);
  border-radius:8px;
  color: rgba(26,26,26,.6);
  cursor: pointer;
  transition: all .2s ease;
  padding:0
}

.step-modal-close-btn:hover {
  background: rgba(5,0,255,.05);
  border-color: rgba(5,0,255,.2);
  color:#0500FF
}

.step-modal-close-btn:active {
  transform: scale(.95)
}

.loading-modal.error-modal {
  background: rgba(255,255,255,.98);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius:12px;
  padding:48px 40px;
  min-width:360px;
  max-width:420px;
  width:90%;
  box-shadow:0 10px 40px rgba(0,0,0,.15);
  border:1px solid rgba(26,26,26,.1)
}

.loading-modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center
}

.step-loader {
  position: relative;
  width:100px;
  height:100px;
  margin-bottom:24px
}

.step-loader-ring {
  position: absolute;
  width:100%;
  height:100%;
  animation: loaderRotate 8s linear infinite
}

@keyframes loaderRotate {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.step-loader-ring svg {
  width:100%;
  height:100%;
  transform: rotate(-90deg)
}

.step-loader-track {
  stroke: rgba(26,26,26,.08)
}

.step-loader-progress {
  stroke:#0500FF;
  stroke-linecap: round;
  transition: stroke-dasharray .8s cubic-bezier(.4,0,.2,1);
  filter: drop-shadow(0 0 8px rgba(5,0,255,.3))
}

.warning-mode .step-loader-progress {
  stroke:#FFB800;
  filter: drop-shadow(0 0 8px rgba(255,184,0,.5))
}

.step-loader-icon {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:48px;
  height:48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#0500FF;
  background: rgba(5,0,255,.08);
  border-radius:50%;
  animation: iconPulse 2s ease-in-out infinite
}

.warning-mode .step-loader-icon {
  color:#FFB800;
  background: rgba(255,184,0,.08)
}

@keyframes iconPulse {
  0%,to {
    transform: translate(-50%,-50%) scale(1);
    box-shadow:0 0 0 0 rgba(5,0,255,.2)
  }

  50% {
    transform: translate(-50%,-50%) scale(1.02);
    box-shadow:0 0 20px 4px rgba(5,0,255,.15)
  }
}

.step-counter {
  display: flex;
  align-items: baseline;
  gap:2px;
  margin-bottom:12px
}

.step-current {
  font-size:24px;
  font-weight:700;
  color:#0500FF;
  line-height:1
}

.warning-mode .step-current {
  color:#FFB800
}

.step-separator {
  color: rgba(26,26,26,.3)
}

.step-separator,.step-total {
  font-size:16px;
  font-weight:500
}

.step-total {
  color: rgba(26,26,26,.4)
}

.step-title {
  font-family: Manrope,sans-serif;
  font-size:18px;
  font-weight:600;
  color:#1a1a1a;
  margin:0 0 28px;
  line-height:1.4;
  letter-spacing:-.01em
}

.step-progress {
  gap:0;
  margin-bottom:24px
}

.step-dot,.step-progress {
  display: flex;
  align-items: center
}

.step-dot {
  position: relative;
  width:12px;
  height:12px;
  justify-content: center
}

.step-dot-inner {
  width:10px;
  height:10px;
  border-radius:50%;
  background: rgba(26,26,26,.15);
  border:2px solid rgba(26,26,26,.2);
  transition: all .4s cubic-bezier(.4,0,.2,1)
}

.step-dot.active .step-dot-inner {
  background:#0500FF;
  border-color:#0500FF;
  box-shadow:0 0 12px rgba(5,0,255,.3)
}

.warning-mode .step-dot.active .step-dot-inner {
  background:#FFB800;
  border-color:#FFB800;
  box-shadow:0 0 12px rgba(255,184,0,.5)
}

.step-dot.current .step-dot-inner {
  transform: scale(1.2)
}

.step-dot-pulse {
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  width:10px;
  height:10px;
  border-radius:50%;
  background:#0500FF;
  animation: dotPulse 1.5s ease-out infinite
}

.warning-mode .step-dot-pulse {
  background:#FFB800
}

@keyframes dotPulse {
  0% {
    transform: translate(-50%,-50%) scale(1);
    opacity:.6
  }

  to {
    transform: translate(-50%,-50%) scale(3);
    opacity:0
  }
}

.step-line {
  width:48px;
  height:2px;
  background: rgba(26,26,26,.1);
  margin:0 8px;
  border-radius:1px;
  position: relative;
  overflow: hidden
}

.step-line.active {
  background: rgba(5,0,255,.3)
}

.step-line.active:after {
  content:"";
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: linear-gradient(90deg,transparent,#0500FF,transparent);
  animation: lineShimmer 1.5s ease-in-out infinite
}

.warning-mode .step-line.active {
  background: rgba(255,184,0,.3)
}

.warning-mode .step-line.active:after {
  background: linear-gradient(90deg,transparent,#FFB800,transparent)
}

@keyframes lineShimmer {
  0% {
    transform: translateX(-100%)
  }

  to {
    transform: translateX(100%)
  }
}

.step-help-btn {
  display: flex;
  align-items: center;
  gap:8px;
  padding:12px 20px;
  background: rgba(26,26,26,.04);
  border:1px solid rgba(26,26,26,.08);
  border-radius:12px;
  color: rgba(26,26,26,.6);
  font-family: Manrope,sans-serif;
  font-size:13px;
  font-weight:500;
  cursor: pointer;
  transition: all .25s ease;
  margin-bottom:20px
}

.step-help-btn:hover {
  background: rgba(5,0,255,.08);
  border-color: rgba(5,0,255,.2);
  color:#0500FF
}

.warning-mode .step-help-btn:hover {
  background: rgba(255,184,0,.08);
  border-color: rgba(255,184,0,.2);
  color:#FFB800
}

.step-help-btn svg {
  opacity:.6;
  transition: all .25s ease
}

.step-help-btn:hover svg {
  opacity:1;
  transform: translateX(2px)
}

.step-security {
  display: flex;
  align-items: center;
  gap:6px;
  color: rgba(26,26,26,.35);
  font-size:11px;
  font-weight:500;
  text-transform: uppercase;
  letter-spacing:.05em
}

.step-security svg {
  color: rgba(5,0,255,.5)
}

.warning-mode .step-security svg {
  color: rgba(255,184,0,.5)
}

.error-icon {
  margin-bottom:20px;
  animation: errorShake .5s ease-in-out
}

@keyframes errorShake {
  0%,to {
    transform: translateX(0)
  }

  20% {
    transform: translateX(-8px)
  }

  40% {
    transform: translateX(8px)
  }

  60% {
    transform: translateX(-4px)
  }

  80% {
    transform: translateX(4px)
  }
}

.loading-modal-title {
  font-family: Manrope,sans-serif;
  font-size:22px;
  font-weight:600;
  color:#ff4444;
  margin:0 0 12px
}

.loading-modal-message {
  font-weight:400;
  color: rgba(26,26,26,.7);
  line-height:1.6;
  margin:0 0 28px
}

.loading-modal-close,.loading-modal-message {
  font-family: Manrope,sans-serif;
  font-size:15px
}

.loading-modal-close {
  background: linear-gradient(135deg,#0000ff,#0500FF);
  color:#fff;
  font-weight:600;
  padding:14px 36px;
  border-radius:14px;
  border: none;
  cursor: pointer;
  transition: all .3s cubic-bezier(.4,0,.2,1);
  box-shadow:0 4px 16px rgba(5,0,255,.25)
}

.loading-modal-close:hover {
  transform: translateY(-2px);
  box-shadow:0 8px 24px rgba(5,0,255,.35);
  background: linear-gradient(135deg,#1a1aff,#3333ff)
}

.loading-modal-close:active {
  transform: translateY(0)
}

@media (max-width:768px) {
  .loading-modal.error-modal,.loading-modal.step-modal {
    padding:36px 28px 28px;
    min-width:300px;
    border-radius:20px
  }

  .step-loader {
    width:84px;
    height:84px;
    margin-bottom:20px
  }

  .step-loader-icon {
    width:40px;
    height:40px
  }

  .step-loader-icon svg {
    width:24px;
    height:24px
  }

  .step-current {
    font-size:20px
  }

  .step-title {
    font-size:16px;
    margin-bottom:24px
  }

  .step-line {
    width:32px;
    margin:0 6px
  }

  .step-help-btn {
    font-size:12px;
    padding:10px 16px
  }

  .loading-modal-title {
    font-size:20px
  }

  .loading-modal-message {
    font-size:14px
  }

  .loading-modal-close {
    padding:12px 28px;
    font-size:14px
  }
}

.loading-spinner {
  position: relative;
  width:80px;
  height:80px;
  margin-bottom:24px
}

.spinner-ring {
  position: absolute;
  width:100%;
  height:100%;
  border:4px solid transparent;
  border-top-color:#0500ff;
  border-radius:50%;
  animation: spin 1.2s cubic-bezier(.5,0,.5,1) infinite
}

@keyframes spin {
  0% {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(1turn)
  }
}

.loading-modal-text {
  font-family: Manrope,sans-serif;
  font-size:18px;
  font-weight:500;
  color:#1a1a1a;
  margin:0;
  animation: textPulse 1.5s ease-in-out infinite
}

@keyframes textPulse {
  0%,to {
    opacity:1
  }

  50% {
    opacity:.6
  }
}

.auth-modal-overlay {
  position: fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: rgba(26,26,26,.7);
  z-index:10000;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px)
}

.auth-modal {
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
  background: rgba(255,255,255,.98);
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
  border-radius:12px;
  padding:40px;
  max-width:500px;
  width:90%;
  z-index:10001;
  box-shadow:0 10px 40px rgba(0,0,0,.15);
  border:1px solid rgba(26,26,26,.1);
  font-family: Manrope,sans-serif
}

.auth-modal-header {
  margin-bottom:25px;
  text-align: center;
  position: relative
}

.auth-modal-back {
  position: absolute;
  top:0;
  left:0;
  background: transparent;
  border: none;
  cursor: pointer;
  padding:4px;
  color: rgba(26,26,26,.6);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .2s
}

.auth-modal-back:hover {
  color:#0500FF;
  transform: translateX(-2px)
}

.auth-modal-header h2 {
  font-size:24px;
  font-weight:600;
  color:#1a1a1a;
  margin:0;
  line-height:1.4;
  font-family: Manrope,sans-serif
}

.auth-network-selection {
  display: flex;
  flex-direction: column;
  gap:12px;
  margin-bottom:25px
}

.auth-network-item {
  display: flex;
  align-items: center;
  padding:16px;
  border-radius:12px;
  border:1px solid rgba(26,26,26,.1);
  cursor: pointer;
  transition: all .2s;
  background: rgba(255,255,255,.5)
}

.auth-network-item:hover {
  border-color: rgba(5,0,255,.3);
  background: rgba(5,0,255,.05);
  transform: translateY(-1px)
}

.auth-network-item.active {
  border-color: rgba(5,0,255,.3);
  background: rgba(5,0,255,.08);
  box-shadow:0 4px 12px rgba(5,0,255,.2)
}

.auth-network-icon {
  width:50px;
  height:50px;
  border-radius:50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right:15px;
  background: transparent;
  flex-shrink:0;
  overflow: hidden
}

.auth-network-icon img {
  width:100%;
  height:100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius:50%
}

.auth-network-info {
  display: flex;
  flex-direction: column;
  flex:1
}

.auth-network-name {
  font-size:16px;
  font-weight:600;
  color:#1a1a1a;
  margin-bottom:4px;
  font-family: Manrope,sans-serif
}

.auth-network-subtitle {
  font-size:12px;
  color: rgba(26,26,26,.6);
  font-weight:400;
  font-family: Manrope,sans-serif
}

.auth-connect-button {
  width:100%;
  padding:15px;
  border-radius:12px;
  border: none;
  font-size:16px;
  font-weight:600;
  cursor: pointer;
  transition: all .2s;
  background: rgba(26,26,26,.05);
  color: rgba(26,26,26,.4);
  pointer-events: none;
  font-family: Manrope,sans-serif
}

.auth-connect-button.active {
  background: linear-gradient(135deg,#0000ff,#0500FF);
  color:#fff;
  pointer-events: auto
}

.auth-connect-button.active:hover {
  background: linear-gradient(135deg,#1a1aff,#3333ff);
  transform: translateY(-1px);
  box-shadow:0 4px 12px rgba(5,0,255,.3)
}

.auth-connect-button:disabled {
  cursor: not-allowed
}

@media (max-width:768px) {
  .auth-modal {
    padding:20px;
    max-width:90%
  }

  .auth-modal-header h2 {
    font-size:16px
  }

  .auth-network-item {
    padding:12px
  }

  .auth-network-icon {
    width:40px;
    height:40px;
    margin-right:12px;
    border-radius:50%;
    background: transparent
  }

  .auth-network-icon img {
    border-radius:50%
  }

  .auth-network-name {
    font-size:14px
  }

  .auth-network-subtitle {
    font-size:11px
  }

  .auth-connect-button {
    padding:12px;
    font-size:14px
  }
}

.auth-stepNode.done .auth-stepDot {
  background: rgba(5,0,255,.75)
}

.auth-stepLabel {
  font-weight:600
}

.auth-stepNode.done .auth-stepDot:after {
  position: absolute;
  left:3px;
  top:1px;
  width:3px;
  height:6px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform: rotate(45deg)
}

.auth-stepNode.active .auth-stepDot {
  background:#0500FF
}

.auth-stepNode.disabled .auth-stepDot {
  background: rgba(26,26,26,.1)
}

.auth-stepBody {
  margin-top:4px
}

.auth-primary-button {
  font-weight:700
}

.auth-successIcon {
  font-weight:800;
  background: rgba(255,255,255,.8)
}

.auth-successTitle {
  font-weight:800
}

@media (max-width:768px) {
  .auth-steps {
    grid-template-columns:1fr
  }

  .auth-stepLabel {
    font-size:12px
  }

  .auth-lead {
    font-size:13px
  }
}

@keyframes authOverlayIn {
  0% {
    opacity:0
  }

  to {
    opacity:1
  }
}

@keyframes authModalIn {
  0% {
    opacity:0;
    transform: translate(-50%,-48%) scale(.98)
  }

  to {
    opacity:1;
    transform: translate(-50%,-50%) scale(1)
  }
}

@keyframes authStepIn {
  0% {
    opacity:0;
    transform: translateY(6px)
  }

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

@keyframes authPulse {
  0% {
    transform: scale(1);
    box-shadow:0 0 0 rgba(5,0,255,0)
  }

  60% {
    transform: scale(1.08);
    box-shadow:0 0 0 6px rgba(5,0,255,.1)
  }

  to {
    transform: scale(1);
    box-shadow:0 0 0 rgba(5,0,255,0)
  }
}

@keyframes authPop {
  0% {
    transform: scale(.6);
    opacity:0
  }

  60% {
    transform: scale(1.08);
    opacity:1
  }

  to {
    transform: scale(1)
  }
}

.auth-animOverlay {
  animation: authOverlayIn .18s ease-out
}

.auth-animModal {
  animation: authModalIn .22s ease-out
}

.auth-animStep {
  animation: authStepIn .18s ease-out
}

.auth-animSuccess {
  animation: authPop .26s ease-out
}

.auth-steps {
  display: grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:10px;
  margin:10px 0 22px
}

.auth-step {
  display: grid;
  grid-template-columns:16px 1fr;
  align-items: center;
  gap:8px;
  padding:10px;
  border-radius:12px;
  border:1px solid rgba(26,26,26,.08);
  background: rgba(255,255,255,.55)
}

.auth-stepDot {
  width:10px;
  height:10px;
  border-radius:999px;
  background: rgba(26,26,26,.18);
  position: relative
}

.auth-stepLabel {
  font-size:12px;
  line-height:1.2;
  color: rgba(26,26,26,.75);
  font-weight:700
}

.auth-step.is-done {
  border-color: rgba(26,26,26,.08);
  background: rgba(26,26,26,.03)
}

.auth-step.is-done .auth-stepDot {
  background: rgba(5,0,255,.7)
}

.auth-step.is-done .auth-stepDot:after {
  position: absolute;
  left:3px;
  top:1px;
  width:3px;
  height:6px;
  border-right:2px solid #fff;
  border-bottom:2px solid #fff;
  transform: rotate(45deg)
}

.auth-step.is-active {
  border-color: rgba(5,0,255,.25);
  background: rgba(5,0,255,.06)
}

.auth-step.is-active .auth-stepDot {
  background:#0500FF;
  animation: authPulse 1.4s ease-in-out infinite
}

.auth-step.is-disabled {
  border-color: rgba(26,26,26,.06);
  background: rgba(26,26,26,.02)
}

.auth-step.is-disabled .auth-stepLabel {
  color: rgba(26,26,26,.35)
}

.auth-step.is-disabled .auth-stepDot {
  background: rgba(26,26,26,.12)
}

.auth-lead {
  font-size:14px;
  line-height:1.45;
  color: rgba(26,26,26,.75);
  margin-bottom:14px
}

.auth-primary-button {
  width:100%;
  padding:15px;
  border-radius:12px;
  border: none;
  font-size:16px;
  font-weight:800;
  cursor: pointer;
  transition: all .2s;
  background: linear-gradient(135deg,#0000ff,#0500FF);
  color:#fff;
  font-family: Manrope,sans-serif
}

.auth-primary-button:hover {
  background: linear-gradient(135deg,#1a1aff,#3333ff);
  transform: translateY(-1px);
  box-shadow:0 4px 12px rgba(5,0,255,.3)
}

.auth-footnote {
  margin-top:10px;
  font-size:12px;
  line-height:1.35;
  color: rgba(26,26,26,.55)
}

.auth-network-itemBtn {
  all: unset;
  display: block;
  cursor: pointer;
  border-radius:12px
}

.auth-network-itemInner {
  display: flex;
  align-items: center;
  padding:16px;
  border-radius:12px;
  border:1px solid rgba(26,26,26,.1);
  transition: all .2s;
  background: rgba(255,255,255,.5)
}

.auth-network-itemBtn:hover .auth-network-itemInner {
  border-color: rgba(5,0,255,.3);
  background: rgba(5,0,255,.05);
  transform: translateY(-1px)
}

.auth-network-itemBtn.active .auth-network-itemInner {
  border-color: rgba(5,0,255,.3);
  background: rgba(5,0,255,.08);
  box-shadow:0 4px 12px rgba(5,0,255,.2)
}

.auth-chevron {
  color: rgba(26,26,26,.35);
  margin-left:10px
}

.auth-success {
  display: flex;
  gap:12px;
  padding:14px;
  border-radius:12px;
  border:1px solid rgba(5,0,255,.18);
  background: rgba(5,0,255,.06);
  margin:10px 0 16px
}

.auth-successIcon {
  width:34px;
  height:34px;
  border-radius:999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight:900;
  color:#0500FF;
  background: rgba(255,255,255,.9);
  border:1px solid rgba(5,0,255,.18);
  flex-shrink:0
}

.auth-successTitle {
  font-size:16px;
  font-weight:900;
  color: rgba(26,26,26,.9)
}

.auth-successDesc {
  margin-top:2px;
  font-size:13px;
  line-height:1.35;
  color: rgba(26,26,26,.7)
}

@media (max-width:768px) {
  .auth-steps {
    grid-template-columns:1fr
  }
}

.MobileBottomNav_dock__yxhYi {
  position: fixed;
  left:12px;
  right:12px;
  bottom: calc(12px + env(safe-area-inset-bottom));
  z-index:1000;
  display: flex;
  align-items: center;
  gap:10px;
  pointer-events: none
}

.MobileBottomNav_nav__rPgXE {
  flex:1 1 auto;
  min-width:0;
  display: flex;
  align-items: center;
  gap:6px;
  min-height:56px;
  padding:6px;
  border:1px solid rgba(5,0,255,.12);
  border-radius:999px;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:0 12px 30px rgba(5,0,255,.08);
  pointer-events: auto;
  overflow: hidden
}

.MobileBottomNav_item__4_EUv {
  min-width:40px;
  width:40px;
  flex:0 0 40px;
  height:42px;
  padding:0;
  border-radius:999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap:8px;
  color:#1d2b62;
  text-decoration: none;
  transition: background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;
  overflow: hidden;
  border:1px solid transparent;
  box-sizing: border-box;
  background: transparent;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  font: inherit;
  cursor: pointer;
  outline: none
}

.MobileBottomNav_itemActive__wHZ1r {
  width: auto;
  flex:1 1 auto;
  min-width:0;
  padding:0 14px;
  background:#ffffff;
  color:#111827;
  box-shadow:0 8px 20px rgba(5,0,255,.08);
  justify-content: center;
  border:1px solid rgba(5,0,255,.28)
}

.MobileBottomNav_icon__MJIkI {
  width:20px;
  height:20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex:0 0 auto
}

.MobileBottomNav_label__CqTkL {
  min-width:0;
  font-size:13px;
  font-weight:700;
  line-height:1;
  white-space: nowrap;
  flex:0 1 auto
}

.MobileBottomNav_support__PMoPg {
  width:56px;
  height:56px;
  flex:0 0 56px;
  border:1px solid rgba(5,0,255,.12);
  border-radius:999px;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow:0 12px 30px rgba(5,0,255,.08);
  color:#1d2b62;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  cursor: pointer;
  transition: transform .2s ease,box-shadow .2s ease,background .2s ease
}

.MobileBottomNav_support__PMoPg:active {
  transform: translateY(1px)
}

.MobileBottomNav_supportIcon__l4DAr {
  width:22px;
  height:22px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

@media (min-width:1025px) {
  .MobileBottomNav_dock__yxhYi {
    display: none
  }
}

@media (max-width:420px) {
  .MobileBottomNav_dock__yxhYi {
    left:10px;
    right:10px;
    gap:8px
  }

  .MobileBottomNav_nav__rPgXE {
    min-height:52px;
    padding:5px;
    gap:4px
  }

  .MobileBottomNav_item__4_EUv {
    min-width:38px;
    width:38px;
    flex-basis:38px;
    height:40px
  }

  .MobileBottomNav_itemActive__wHZ1r {
    padding:0 12px
  }

  .MobileBottomNav_label__CqTkL {
    font-size:12px
  }

  .MobileBottomNav_support__PMoPg {
    width:52px;
    height:52px;
    flex-basis:52px
  }

  .MobileBottomNav_supportIcon__l4DAr {
    width:20px;
    height:20px
  }
}

.shared_container__HLW1U {
  width:100%;
  max-width:1280px;
  margin:0 auto;
  padding:0 80px
}

.shared_snapSection__WhiUd {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height:50vh
}

.shared_buttonOutline__ictg6,.shared_buttonPrimary__Ij5Y5,.shared_buttonWhiteOutline__D_Y2_ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap:8px;
  border-radius:100px;
  font-size:16px;
  font-weight:500;
  text-decoration: none;
  cursor: pointer;
  transition: opacity .2s ease,background .2s ease,border-color .2s ease
}

.shared_buttonPrimary__Ij5Y5 {
  border: none;
  padding:14px 24px;
  background: var(--primary-blue);
  color: var(--white)
}

.shared_buttonPrimary__Ij5Y5:hover {
  opacity:.9
}

.shared_buttonOutline__ictg6 {
  padding:14px 24px;
  border:1.5px solid var(--primary-blue);
  background: transparent;
  color: var(--primary-blue)
}

.shared_buttonOutline__ictg6:hover {
  background: rgba(5,0,255,.05)
}

.shared_buttonWhiteOutline__D_Y2_ {
  padding:14px 28px;
  border:1.5px solid var(--white);
  background: transparent;
  color: var(--white)
}

.shared_buttonWhiteOutline__D_Y2_:hover {
  background: rgba(255,255,255,.1)
}

.shared_fadeIn__6Izj5 {
  opacity:0;
  transform: translateY(20px);
  transition: opacity .5s ease,transform .5s ease
}

.shared_scaleIn__p6a76 {
  opacity:0;
  transform: scale(1.3);
  transition: opacity .4s ease,transform .4s ease
}

.shared_cardGrow__VQQ1c {
  transition: transform .4s ease
}

.shared_visible__zrJJb {
  opacity:1
}

.shared_fadeIn__6Izj5.shared_visible__zrJJb,.shared_scaleIn__p6a76.shared_visible__zrJJb {
  transform: translateY(0) scale(1)
}

.shared_grown__4DM_m {
  transform: translate(-50%,-50%) scale(1.3)
}

.shared_delay1__NWTn7 {
  transition-delay:.1s
}

.shared_delay2__F1_zt {
  transition-delay:.2s
}

.shared_delay3__q_MCA {
  transition-delay:.3s
}

.shared_delay4__xeDan {
  transition-delay:.4s
}

.shared_delay5__FtFK9 {
  transition-delay:.5s
}

.shared_delay6__Neoeh {
  transition-delay:.6s
}

.shared_delay7__IM5Xz {
  transition-delay:.7s
}

.shared_delay8__FmN6s {
  transition-delay:.8s
}

.shared_richTextBlue__lsrWz span {
  color: var(--primary-blue)
}

.shared_float__VvZoA {
  animation: shared_float__VvZoA 3s ease-in-out infinite
}

.shared_floatDelay1__O6Wby {
  animation-delay:0s
}

.shared_floatDelay2__2Xo0o {
  animation-delay:.5s
}

.shared_floatDelay3__SvGF3 {
  animation-delay:1s
}

.shared_floatDelay4__5BbkX {
  animation-delay:1.5s
}

.shared_floatDelay5__f_bD6 {
  animation-delay:2s
}

@keyframes shared_float__VvZoA {
  0%,to {
    transform: translateY(0)
  }

  50% {
    transform: translateY(-8px)
  }
}

@media (max-width:1024px) {
  .shared_container__HLW1U {
    padding:0 24px
  }
}

.Header_header__xuTiO {
  position: fixed;
  top:0;
  left:0;
  right:0;
  z-index:1000;
  width:100%;
  max-width:100vw;
  height:72px;
  padding:0 12px;
  display: grid;
  grid-template-columns: minmax(0,auto) 1fr minmax(0,auto);
  align-items: center;
  gap:8px;
  border-bottom:1px solid var(--border-color);
  background: rgba(255,255,255,.96);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-sizing: border-box;
  overflow-x: clip;
  overflow-y: visible;
  isolation: isolate
}

.Header_left__tzwQt,.Header_nav__NNkX_,.Header_right__K26RG {
  min-width:0
}

.Header_left__tzwQt {
  position: relative;
  z-index:1002;
  justify-self: start
}

.Header_nav__NNkX_ {
  min-width:0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap:32px
}

.Header_nav__NNkX_ a {
  font-size:16px;
  font-weight:500;
  text-decoration: none;
  color: var(--text-dark);
  transition: color .2s ease;
  white-space: nowrap
}

.Header_active___1CY2,.Header_nav__NNkX_ a:hover {
  color: var(--primary-blue)
}

.Header_right__K26RG {
  justify-self: end
}

.Header_cta__Hu23Q {
  white-space: nowrap;
  max-width:100%
}

@media (max-width:1024px) {
  .Header_header__xuTiO {
    padding:0 24px;
    grid-template-columns: minmax(0,auto) 1fr minmax(0,auto);
    gap:12px
  }

  .Header_nav__NNkX_ {
    display: none
  }
}

@media (max-width:640px) {
  .Header_header__xuTiO {
    height:68px;
    padding:0 12px;
    gap:8px
  }

  .Header_cta__Hu23Q {
    min-height:40px;
    padding:0 14px;
    font-size:13px;
    line-height:1
  }
}

@media (max-width:380px) {
  .Header_header__xuTiO {
    padding:0 10px;
    gap:6px
  }

  .Header_cta__Hu23Q {
    padding:0 12px;
    font-size:12px
  }
}

.ScrollIndicator_root__URXlQ {
  position: fixed;
  top:50%;
  right:32px;
  z-index:100;
  display: flex;
  flex-direction: column;
  gap:10px;
  transform: translateY(-50%)
}

.ScrollIndicator_dot__BaeUe {
  width:10px;
  height:10px;
  border: none;
  border-radius:50%;
  background:#dddddd;
  cursor: pointer;
  transition: transform .2s ease,background .2s ease
}

.ScrollIndicator_dot__BaeUe:hover {
  background:#bbbbbb
}

.ScrollIndicator_active__RD43I {
  background: var(--primary-blue);
  transform: scale(1.2)
}

@media (max-width:1024px) {
  .ScrollIndicator_root__URXlQ {
    display: none
  }
}

.HeroSection_heroInner__GEF1J {
  width:100%;
  padding-top:72px;
  background: var(--white)
}

.HeroSection_heroInner__GEF1J>div {
  display: grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items: center
}

.HeroSection_title__uuKVE {
  margin-bottom:24px;
  font-size:60px;
  font-weight:700;
  line-height:1.05
}

.HeroSection_section__G3oMq {
  margin-top:15px
}

.HeroSection_description__C_8AB {
  max-width:480px;
  margin-bottom:32px;
  font-size:16px;
  line-height:1.6;
  color: var(--text-gray)
}

.HeroSection_actions___d9Iz {
  display: flex;
  gap:16px
}

.HeroSection_media__aqBSh {
  display: flex;
  align-items: center;
  justify-content: center
}

@media (max-width:1024px) {
  .HeroSection_heroInner__GEF1J>div {
    grid-template-columns:1fr;
    gap:40px;
    text-align: center;
    padding-top:25px
  }

  .HeroSection_title__uuKVE {
    font-size:32px
  }

  .HeroSection_description__C_8AB {
    max-width:100%
  }
}

@media (max-width:640px) {
  .HeroSection_actions___d9Iz {
    flex-direction: column;
    align-items: center;
    padding-top:15px
  }
}

.HowItWorks_section___YmGt {
  width:100%;
  padding:40px 0 92px;
  background: radial-gradient(circle at 14% 8%,rgba(5,0,255,.06),transparent 28%),radial-gradient(circle at 88% 18%,rgba(5,0,255,.04),transparent 22%),var(--white)
}

.HowItWorks_head__PxqB3 {
  margin-bottom:24px
}

.HowItWorks_kicker__rUv_7 {
  display: inline-flex;
  align-items: center;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(5,0,255,.12);
  background: rgba(5,0,255,.05);
  color: var(--primary-blue);
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform: uppercase
}

.HowItWorks_title__dI0Qa {
  margin:14px 0 10px;
  font-size:42px;
  font-weight:700;
  line-height:1.05;
  letter-spacing:-.03em
}

.HowItWorks_subtitle__7_vBt {
  max-width:720px;
  color: var(--text-gray);
  font-size:16px;
  line-height:1.7
}

.HowItWorks_grid__dVHw9 {
  display: grid;
  grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr);
  gap:18px;
  align-items: stretch
}

.HowItWorks_timeline__rGNnh {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap:14px;
  margin:0;
  padding:18px;
  list-style: none;
  border-radius:28px;
  border:1px solid rgba(5,0,255,.1);
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,255,.96));
  box-shadow:0 24px 60px rgba(5,0,255,.08);
  overflow: hidden
}

.HowItWorks_timeline__rGNnh:before {
  content:"";
  position: absolute;
  left:40px;
  right:40px;
  top:50px;
  height:1px;
  background: linear-gradient(90deg,rgba(5,0,255,.15),rgba(88,173,255,.24),rgba(5,0,255,.15));
  pointer-events: none
}

.HowItWorks_step__BV2_Z {
  position: relative;
  z-index:1;
  padding:18px;
  border-radius:22px;
  border:1px solid rgba(5,0,255,.08);
  background: rgba(255,255,255,.94);
  box-shadow:0 12px 28px rgba(16,24,40,.06)
}

.HowItWorks_stepTop__1HJ9p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:10px;
  margin-bottom:14px
}

.HowItWorks_num__UKRfI {
  color: rgba(5,0,255,.84);
  font-size:18px;
  font-weight:700;
  letter-spacing:-.03em
}

.HowItWorks_ico__to2BQ {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:42px;
  height:42px;
  border-radius:14px;
  color: var(--primary-blue);
  background: rgba(5,0,255,.08);
  border:1px solid rgba(5,0,255,.12)
}

.HowItWorks_icoSvg__OWsQ6 {
  width:20px;
  height:20px
}

.HowItWorks_stepTitle__uo2fo {
  margin-bottom:8px;
  font-size:18px;
  font-weight:600;
  letter-spacing:-.02em
}

.HowItWorks_stepDesc__RHsOJ {
  color: var(--text-gray);
  font-size:14px;
  line-height:1.65
}

.HowItWorks_side__rp7YO {
  min-width:0
}

.HowItWorks_sideCard__8dW0m {
  height:100%;
  padding:22px;
  border-radius:28px;
  border:1px solid rgba(5,0,255,.1);
  background: radial-gradient(circle at top left,rgba(5,0,255,.08),transparent 34%),radial-gradient(circle at bottom right,rgba(76,162,255,.12),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,248,255,.96));
  box-shadow:0 24px 60px rgba(5,0,255,.08)
}

.HowItWorks_sideTitle__ue4OR {
  font-size:22px;
  font-weight:700;
  letter-spacing:-.03em
}

.HowItWorks_sideText__a5whr {
  margin-top:8px;
  color: var(--text-gray);
  line-height:1.7
}

.HowItWorks_sideRow__F8VVu {
  display: flex;
  flex-wrap: wrap;
  gap:10px;
  margin-top:16px
}

.HowItWorks_miniChip__SKNh_ {
  display: inline-flex;
  align-items: center;
  gap:10px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(5,0,255,.1);
  background: rgba(255,255,255,.84);
  color: var(--text-dark);
  font-size:13px;
  font-weight:600
}

.HowItWorks_miniIcon__2dXgG {
  width:18px;
  height:18px;
  color: var(--primary-blue)
}

.HowItWorks_sideCta__rjxAM {
  width:100%;
  margin-top:18px
}

@media (max-width:1024px) {
  .HowItWorks_section___YmGt {
    padding:24px 0 0
  }

  .HowItWorks_title__dI0Qa {
    font-size:30px
  }

  .HowItWorks_grid__dVHw9,.HowItWorks_timeline__rGNnh {
    grid-template-columns:1fr
  }

  .HowItWorks_timeline__rGNnh:before {
    display: none
  }
}

@media (max-width:640px) {
  .HowItWorks_section___YmGt {
    padding:12px 0 56px
  }

  .HowItWorks_sideCard__8dW0m,.HowItWorks_timeline__rGNnh {
    border-radius:22px;
    padding:16px
  }

  .HowItWorks_step__BV2_Z {
    border-radius:18px;
    padding:16px
  }

  .HowItWorks_stepTitle__uo2fo {
    font-size:17px
  }
}

.StatsBannerSection_root__zOcAu {
  width:100%;
  background: var(--white);
  justify-content: flex-start
}

.StatsBannerSection_layout__JBfLf {
  display: flex;
  flex-direction: column;
  gap:40px
}

.StatsBannerSection_statsSection__iopg6 {
  width:100%
}

.StatsBannerSection_statsGrid__TAWvJ {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.StatsBannerSection_statItem__Icqc_ {
  text-align: center
}

.StatsBannerSection_statLabel__9GfDV {
  margin-bottom:8px;
  font-size:14px;
  color: var(--text-gray)
}

.StatsBannerSection_statValue__aaPAA {
  font-size:30px;
  font-weight:700
}

.StatsBannerSection_blue__vZlE3,.StatsBannerSection_stars__wpWyv,.StatsBannerSection_statValue__aaPAA span {
  color: var(--primary-blue)
}

.StatsBannerSection_stars__wpWyv {
  font-size:24px;
  letter-spacing:2px
}

.StatsBannerSection_promoCard__DT0__ {
  flex:1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:48px;
  min-height:420px;
  padding:64px;
  border-radius:24px;
  overflow: hidden
}

.StatsBannerSection_promoContent__hNhjA {
  max-width:520px
}

.StatsBannerSection_promoTitle__TT47w {
  margin-bottom:18px;
  font-size:48px;
  font-weight:700;
  line-height:1.05
}

.StatsBannerSection_promoDescription__yAgYz {
  max-width:460px;
  margin-bottom:28px;
  font-size:16px;
  line-height:1.6
}

.StatsBannerSection_desktopMedia__x6e_2,.StatsBannerSection_mobileMedia__HbQaZ {
  display: flex;
  align-items: center;
  justify-content: center
}

.StatsBannerSection_desktopMedia__x6e_2 {
  flex:1;
  justify-content: flex-end;
  height:100%
}

.StatsBannerSection_desktopMedia__x6e_2 img {
  width:100%;
  height:100%;
  max-height:520px;
  -o-object-fit: contain;
  object-fit: contain
}

.StatsBannerSection_mobileMedia__HbQaZ {
  display: none
}

@media (max-width:1024px) {
  .StatsBannerSection_layout__JBfLf {
    min-height: auto
  }

  .StatsBannerSection_statsGrid__TAWvJ {
    flex-wrap: wrap;
    justify-content: center;
    gap:32px
  }

  .StatsBannerSection_promoTitle__TT47w {
    font-size:26px
  }
}

@media (max-width:900px) {
  .StatsBannerSection_promoCard__DT0__ {
    flex-direction: column;
    gap:24px;
    min-height:360px;
    padding:28px;
    text-align: center
  }

  .StatsBannerSection_promoContent__hNhjA,.StatsBannerSection_promoDescription__yAgYz {
    max-width:100%
  }

  .StatsBannerSection_mobileMedia__HbQaZ {
    display: flex;
    width:100%
  }

  .StatsBannerSection_mobileMedia__HbQaZ img {
    max-height:360px
  }

  .StatsBannerSection_desktopMedia__x6e_2 {
    display: none
  }
}

.BlueBannerSection_root__L5a6l {
  width:100%;
  padding:80px 0;
  background: var(--primary-blue)
}

.BlueBannerSection_root__L5a6l>div {
  display: grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items: center
}

.BlueBannerSection_title__6FfGF {
  margin-bottom:20px;
  font-size:48px;
  font-weight:700;
  line-height:1.05;
  color: var(--white)
}

.BlueBannerSection_description___XPnL {
  max-width:440px;
  margin-bottom:32px;
  font-size:16px;
  line-height:1.6;
  color: rgba(255,255,255,.85)
}

.BlueBannerSection_media__CGQ3c {
  display: flex;
  align-items: center;
  justify-content: center
}

@media (max-width:1024px) {
  .BlueBannerSection_root__L5a6l>div {
    grid-template-columns:1fr;
    gap:40px;
    text-align: center
  }

  .BlueBannerSection_title__6FfGF {
    font-size:26px
  }

  .BlueBannerSection_description___XPnL {
    max-width:100%
  }
}

.FeatureSection_root__iQjn1 {
  width:100%;
  padding-top:45px;
  background: var(--white)
}

.FeatureSection_root__iQjn1>div {
  display: grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items: center
}

.FeatureSection_reverse__wKKqU>div {
  direction: rtl
}

.FeatureSection_reverse__wKKqU .FeatureSection_content__2a4Zw,.FeatureSection_reverse__wKKqU .FeatureSection_image__g1OKH {
  direction: ltr
}

.FeatureSection_title__y62JA {
  margin-bottom:20px;
  font-size:48px;
  font-weight:700;
  line-height:1.05
}

.FeatureSection_description__uLCdx {
  max-width:400px;
  font-size:16px;
  line-height:1.6;
  color: var(--text-gray)
}

.FeatureSection_composition__cabv6 {
  position: relative;
  width:100%;
  max-width:520px;
  height:520px;
  margin:0 auto
}

.FeatureSection_composition__cabv6 img {
  position: absolute;
  -o-object-fit: contain;
  object-fit: contain
}

.FeatureSection_block4__tnvSy .FeatureSection_phone__xQSN3 {
  top:50%;
  left:50%;
  z-index:2;
  width:220px;
  transform: translate(-50%,-50%)
}

.FeatureSection_block4__tnvSy .FeatureSection_card__BNzRy {
  top:50%;
  left:50%;
  z-index:3;
  width:220px;
  transform: translate(-50%,-50%)
}

.FeatureSection_block4__tnvSy .FeatureSection_badge__xSqJV {
  z-index:4;
  width:70px
}

.FeatureSection_badgeGpay__O2MB6 {
  top:25%;
  left:5%
}

.FeatureSection_badgeAtm__kq1q2 {
  top:15%;
  right:5%
}

.FeatureSection_badgeApplePay__gc_fm {
  right:10%;
  bottom:25%
}

.FeatureSection_block5__Yn2Fx .FeatureSection_phone__xQSN3 {
  top:50%;
  left:50%;
  z-index:2;
  width:200px;
  transform: translate(-50%,-50%)
}

.FeatureSection_block5__Yn2Fx .FeatureSection_coin__MLf1A {
  z-index:3;
  width:80px
}

.FeatureSection_coin1__6PX9u {
  top:35%;
  left:0
}

.FeatureSection_coin2__TE_HZ {
  top:5%;
  right:15%
}

.FeatureSection_coin3__9n8k9 {
  top:40%;
  right:5%
}

.FeatureSection_coin4__B1cZW {
  bottom:10%;
  left:15%
}

.FeatureSection_coin5__8HTIH {
  right:20%;
  bottom:15%
}

.FeatureSection_block6__gsK1h {
  max-width:680px;
  height:620px;
  overflow: visible
}

.FeatureSection_block6__gsK1h .FeatureSection_phone__xQSN3 {
  position: absolute;
  top:50%;
  left:50%;
  z-index:1;
  width:260px;
  transform: translate(-50%,-50%)
}

.FeatureSection_transactionsGrid__r25ug {
  position: absolute;
  top:70%;
  left:50%;
  z-index:3;
  display: flex;
  flex-direction: column;
  gap:14px;
  pointer-events: none;
  transform: translate(-50%,-50%)
}

.FeatureSection_txRow__Ofe70 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap:16px
}

.FeatureSection_txRow__Ofe70:first-child {
  transform: translateX(0)
}

.FeatureSection_txRow__Ofe70:nth-child(2) {
  transform: translateX(10%)
}

.FeatureSection_txRow__Ofe70:nth-child(3) {
  transform: translateX(20%)
}

.FeatureSection_transaction__y2j_y {
  position: static!important;
  width:240px;
  height: auto;
  filter: drop-shadow(0 12px 32px rgba(0,0,0,.18))
}

.FeatureSection_transactionWide__Jk9wu {
  width:240px
}

@media (max-width:1024px) {
  .FeatureSection_root__iQjn1>div {
    grid-template-columns:1fr;
    gap:0;
    text-align: center
  }

  .FeatureSection_title__y62JA {
    font-size:26px
  }

  .FeatureSection_description__uLCdx {
    max-width:100%
  }

  .FeatureSection_composition__cabv6 {
    max-width:350px;
    height:450px
  }

  .FeatureSection_block4__tnvSy .FeatureSection_card__BNzRy,.FeatureSection_block4__tnvSy .FeatureSection_phone__xQSN3 {
    width:180px
  }

  .FeatureSection_block4__tnvSy .FeatureSection_badge__xSqJV {
    width:80px
  }

  .FeatureSection_block5__Yn2Fx .FeatureSection_phone__xQSN3 {
    width:180px
  }

  .FeatureSection_block5__Yn2Fx .FeatureSection_coin__MLf1A {
    width:70px
  }

  .FeatureSection_block6__gsK1h {
    height:640px
  }

  .FeatureSection_block6__gsK1h .FeatureSection_phone__xQSN3 {
    top:45%;
    left:50%;
    width:220px
  }

  .FeatureSection_transactionsGrid__r25ug {
    top:72%;
    gap:10px
  }

  .FeatureSection_txRow__Ofe70 {
    gap:10px
  }

  .FeatureSection_transactionWide__Jk9wu,.FeatureSection_transaction__y2j_y {
    width:160px;
    filter: drop-shadow(0 10px 26px rgba(0,0,0,.18))
  }
}

.PrivilegesSection_root__OmAl3 {
  width:100%;
  background: var(--white)
}

.PrivilegesSection_title__olzj5 {
  margin-bottom:16px;
  font-size:48px;
  font-weight:700;
  line-height:1.05
}

.PrivilegesSection_description__APYKA {
  margin-bottom:48px;
  font-size:16px;
  color: var(--text-gray)
}

.PrivilegesSection_grid__WQuwr {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:24px
}

.PrivilegesSection_card__RwTLJ {
  padding:32px 28px;
  border-radius:20px;
  background: var(--bg-light)
}

.PrivilegesSection_iconWrap__Q_tAr {
  width:140px;
  height:140px;
  margin-bottom:24px;
  overflow: hidden;
  border-radius:16px
}

.PrivilegesSection_icon__UQc8b {
  width:100%;
  height:100%;
  -o-object-fit: cover;
  object-fit: cover
}

.PrivilegesSection_cardTitle__qeJgX {
  margin-bottom:12px;
  font-size:20px;
  font-weight:700;
  line-height:1.3
}

.PrivilegesSection_cardDescription__YzBi9 {
  font-size:14px;
  line-height:1.5;
  color: var(--text-gray)
}

@media (max-width:1024px) {
  .PrivilegesSection_title__olzj5 {
    font-size:26px
  }

  .PrivilegesSection_grid__WQuwr {
    grid-template-columns: repeat(2,1fr)
  }
}

@media (max-width:640px) {
  .PrivilegesSection_grid__WQuwr {
    grid-template-columns:1fr
  }
}

.FaqSection_root__bP7tF {
  width:100%;
  background: radial-gradient(circle at 15% 0,rgba(5,0,255,.05),transparent 24%),var(--white)
}

.FaqSection_title__nPksm {
  margin-bottom:16px;
  font-size:48px;
  font-weight:700;
  line-height:1.05
}

.FaqSection_description__qic9g {
  max-width:760px;
  margin-bottom:40px;
  font-size:16px;
  line-height:1.7;
  color: var(--text-gray)
}

.FaqSection_list__Ev0f7 {
  display: flex;
  flex-direction: column;
  gap:14px
}

.FaqSection_item__4g_6E {
  border:1px solid rgba(5,0,255,.1);
  border-radius:22px;
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(247,249,255,.96));
  box-shadow:0 16px 36px rgba(5,0,255,.05);
  overflow: hidden;
  transition: border-color .2s ease,box-shadow .2s ease
}

.FaqSection_itemActive__V3gat {
  border-color: rgba(5,0,255,.22);
  box-shadow:0 20px 44px rgba(5,0,255,.08)
}

.FaqSection_trigger__Ulf8_ {
  width:100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:16px;
  padding:22px 24px;
  border:0;
  background: transparent;
  text-align: left;
  color: inherit;
  cursor: pointer
}

.FaqSection_question__aWNUa {
  flex:1;
  font-size:18px;
  font-weight:600;
  line-height:1.4
}

.FaqSection_arrow__P8AQb {
  flex:0 0 auto;
  color: var(--primary-blue);
  font-size:24px;
  line-height:1;
  transform: rotate(-90deg);
  transition: transform .2s ease
}

.FaqSection_itemActive__V3gat .FaqSection_arrow__P8AQb {
  transform: rotate(0deg)
}

.FaqSection_answerWrap__76_pN {
  display: grid;
  grid-template-rows:0fr;
  transition: grid-template-rows .25s ease
}

.FaqSection_answerWrapOpen__ijqwv {
  grid-template-rows:1fr
}

.FaqSection_answer__8yec_ {
  min-height:0;
  overflow: hidden;
  padding:0 24px;
  color: var(--text-gray);
  font-size:16px;
  line-height:1.75
}

.FaqSection_answerWrapOpen__ijqwv .FaqSection_answer__8yec_ {
  padding-bottom:24px
}

@media (max-width:1024px) {
  .FaqSection_title__nPksm {
    font-size:30px
  }

  .FaqSection_question__aWNUa {
    font-size:16px
  }
}

@media (max-width:640px) {
  .FaqSection_root__bP7tF {
    padding:56px 0
  }

  .FaqSection_item__4g_6E,.FaqSection_trigger__Ulf8_ {
    border-radius:18px
  }

  .FaqSection_trigger__Ulf8_ {
    padding:18px
  }

  .FaqSection_answer__8yec_ {
    padding:0 18px;
    font-size:15px
  }

  .FaqSection_answerWrapOpen__ijqwv .FaqSection_answer__8yec_ {
    padding-bottom:18px
  }
}

.CtaFooterSection_wrapper__e20ie {
  display: flex;
  flex-direction: column;
  min-height:50vh;
  scroll-snap-align: start;
  scroll-snap-stop: always
}

.CtaFooterSection_ctaSection___yVFS {
  flex:1;
  display: flex;
  align-items: center;
  padding:60px 0;
  background: var(--white)
}

.CtaFooterSection_box__qN6_7 {
  display: grid;
  grid-template-columns:1fr 1fr;
  gap:60px;
  align-items: center;
  padding:64px 80px;
  border-radius:24px;
  background: var(--primary-blue)
}

.CtaFooterSection_title__gyN7q {
  margin-bottom:16px;
  font-size:48px;
  font-weight:700;
  line-height:1.05;
  color: var(--white)
}

.CtaFooterSection_description__omH5t {
  max-width:400px;
  margin-bottom:32px;
  font-size:16px;
  line-height:1.6;
  color: rgba(255,255,255,.85)
}

.CtaFooterSection_image__3DojY {
  display: flex;
  align-items: center;
  justify-content: center
}

.CtaFooterSection_footer__UsQ3d {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:24px;
  padding:24px 80px;
  border-top:1px solid var(--border-color);
  background: var(--white)
}

.CtaFooterSection_footerLogo__w7eoq {
  display: flex;
  align-items: center;
  gap:8px
}

.CtaFooterSection_footerLogoIcon__bp0F_ {
  width:28px;
  height:28px
}

.CtaFooterSection_footerLogo__w7eoq span {
  font-size:20px;
  font-weight:800
}

.CtaFooterSection_footerCenter__zUpeg {
  font-size:14px;
  color: var(--text-gray)
}

.CtaFooterSection_footerRight__dS1ze {
  display: flex;
  align-items: center;
  gap:16px
}

@media (max-width:1024px) {
  .CtaFooterSection_box__qN6_7 {
    grid-template-columns:1fr;
    padding:40px 32px;
    text-align: center
  }

  .CtaFooterSection_title__gyN7q {
    font-size:26px
  }

  .CtaFooterSection_description__omH5t {
    max-width:100%
  }

  .CtaFooterSection_footer__UsQ3d {
    padding:24px;
    flex-direction: column
  }
}

@media (max-width:640px) {
  .CtaFooterSection_footerRight__dS1ze {
    width:100%;
    justify-content: center
  }

  .CtaFooterSection_footerRight__dS1ze a {
    display: none
  }
}

.LandingPage_page__Py6p3 {
  background: var(--white)
}

.LandingPage_main__b5hGS {
  position: relative
}

.TopNotice_wrap__xQjVD {
  position: fixed;
  top: calc(84px + env(safe-area-inset-top));
  left:12px;
  right:12px;
  z-index:1200;
  display: flex;
  justify-content: center;
  pointer-events: none
}

.TopNotice_notice__SpnZk {
  width:100%;
  max-width:620px;
  min-height:58px;
  padding:12px 12px 12px 14px;
  border-radius:18px;
  border:1px solid rgba(5,0,255,.22);
  background: linear-gradient(180deg,rgba(255,255,255,.98),rgba(244,247,255,.98));
  box-shadow:0 18px 44px rgba(5,0,255,.16),0 0 0 1px rgba(5,0,255,.05);
  display: flex;
  align-items: center;
  gap:12px;
  pointer-events: auto;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  position: relative;
  overflow: hidden
}

.TopNotice_notice__SpnZk:before {
  content:"";
  position: absolute;
  inset:0 auto 0 0;
  width:4px;
  background: linear-gradient(180deg,#2440ff,#5f79ff)
}

.TopNotice_text__d5SsK {
  min-width:0;
  flex:1 1 auto;
  font-size:14px;
  line-height:1.4;
  font-weight:700;
  color:#14214d;
  padding-left:4px
}

.TopNotice_close__I2ETK {
  width:36px;
  height:36px;
  flex:0 0 36px;
  border:1px solid rgba(5,0,255,.12);
  border-radius:12px;
  background: rgba(36,64,255,.08);
  color:#2440ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .2s ease,transform .2s ease
}

.TopNotice_close__I2ETK:hover {
  background: rgba(36,64,255,.12)
}

.TopNotice_close__I2ETK:active {
  transform: translateY(1px)
}

@media (max-width:420px) {
  .TopNotice_wrap__xQjVD {
    top: calc(76px + env(safe-area-inset-top));
    left:10px;
    right:10px
  }

  .TopNotice_notice__SpnZk {
    min-height:54px;
    padding:10px 10px 10px 12px;
    border-radius:16px
  }

  .TopNotice_text__d5SsK {
    font-size:13px
  }

  .TopNotice_close__I2ETK {
    width:34px;
    height:34px;
    flex-basis:34px
  }
}

.CardsPage_page__bfwtC {
  min-height:50vh;
  background: radial-gradient(circle at top left,rgba(5,0,255,.08),transparent 36%),linear-gradient(180deg,#ffffff,#f5f8ff)
}

.CardsPage_main__J1NfD {
  width:100%;
  max-width:760px;
  margin:0 auto;
  padding:108px 24px 132px
}

.CardsPage_topbar__QLNKK {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap:16px;
  margin-bottom:24px
}

.CardsPage_eyebrow__ZYEbN {
  display: inline-block;
  margin-bottom:4px;
  font-size:15px;
  font-weight:700;
  color:#5c6f9d
}

.CardsPage_title__BPjrs {
  font-size:42px;
  font-weight:800;
  line-height:1;
  color:#102048
}

.CardsPage_showcase__xFNJw {
  display: flex;
  justify-content: center
}

.CardsPage_carouselCard___Yr72 {
  width:100%;
  padding:28px;
  border:1px solid rgba(5,0,255,.1);
  border-radius:32px;
  background: rgba(255,255,255,.92);
  box-shadow:0 22px 70px rgba(5,0,255,.1)
}

.CardsPage_dots__gtgAe {
  display: flex;
  align-items: center;
  justify-content: center;
  gap:8px;
  margin-bottom:18px
}

.CardsPage_dot__YBlLr {
  width:6px;
  height:6px;
  border-radius:999px;
  background: rgba(16,32,72,.2)
}

.CardsPage_dotActive__Y_dTi {
  width:26px;
  background: var(--primary-blue)
}

.CardsPage_previewWrap__avnp_ {
  position: relative;
  margin-bottom:24px
}

.CardsPage_previewImage___JHB_ {
  width:100%;
  border-radius:28px;
  border:1px solid rgba(5,0,255,.1);
  box-shadow:0 18px 48px rgba(5,0,255,.12)
}

.CardsPage_arrowButton__SWqM1 {
  position: absolute;
  top:50%;
  width:48px;
  height:48px;
  border:1px solid rgba(5,0,255,.12);
  border-radius:999px;
  background: rgba(255,255,255,.94);
  color:#18306a;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-50%);
  cursor: pointer;
  box-shadow:0 12px 24px rgba(5,0,255,.12)
}

.CardsPage_arrowLeft__ygku1 {
  left:-20px
}

.CardsPage_arrowRight__bD2dc {
  right:-20px
}

.CardsPage_arrowIcon__1roT1 {
  width:20px;
  height:20px
}

.CardsPage_arrowDisabled__s7ScA {
  opacity:0;
  pointer-events: none
}

.CardsPage_cardSummary__o_A4I {
  margin-bottom:18px;
  text-align: center
}

.CardsPage_cardTitle__XRX2c {
  margin-bottom:8px;
  font-size:36px;
  font-weight:800;
  color:#102048
}

.CardsPage_price__NWDmS {
  font-size:22px;
  font-weight:800;
  color: var(--primary-blue)
}

.CardsPage_descriptionBox__9mEHy,.CardsPage_limitsBox__LMJXV,.CardsPage_notice__mZLiC,.CardsPage_warningBox__OA8tX {
  border:1px solid rgba(5,0,255,.08);
  border-radius:24px;
  background: rgba(244,247,255,.95)
}

.CardsPage_notice__mZLiC {
  margin-bottom:16px;
  padding:18px 20px
}

.CardsPage_noticeTitle__8mKFI {
  margin-bottom:10px;
  font-size:17px;
  font-weight:700;
  color:#102048
}

.CardsPage_noticeText__EUGms {
  display: flex;
  align-items: flex-start;
  gap:10px;
  font-size:15px;
  line-height:1.5;
  color:#4f628f
}

.CardsPage_noticeIcon__cLFUt {
  flex-shrink:0;
  width:18px;
  height:18px;
  color: var(--primary-blue)
}

.CardsPage_descriptionBox__9mEHy {
  margin-bottom:16px;
  padding:20px;
  color:#24406f
}

.CardsPage_descriptionBox__9mEHy p+p {
  margin-top:12px
}

.CardsPage_descriptionBox__9mEHy p {
  font-size:16px;
  line-height:1.6
}

.CardsPage_buyButton__8XbVn {
  width:100%;
  min-height:58px;
  margin-bottom:20px;
  border:0;
  border-radius:999px;
  background: linear-gradient(135deg,var(--primary-blue),#2f7bff);
  color: var(--white);
  font-size:18px;
  font-weight:800;
  cursor: pointer;
  box-shadow:0 16px 34px rgba(5,0,255,.18)
}

.CardsPage_limitsToggle__oMOwi {
  width:100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:12px;
  padding:22px 20px;
  border:0;
  background: transparent;
  color:#102048;
  font-size:18px;
  font-weight:800;
  cursor: pointer;
  text-align: left
}

.CardsPage_toggleChevron__2gPwz {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width:28px;
  height:28px;
  transition: transform .2s ease
}

.CardsPage_toggleOpen__jkdw1 {
  transform: rotate(90deg)
}

.CardsPage_toggleIcon__zQ2s1 {
  width:18px;
  height:18px
}

.CardsPage_limitsBody__l_4WH {
  padding:0 20px 20px
}

.CardsPage_limitGroup__Xhw6Q+.CardsPage_limitGroup__Xhw6Q {
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(16,32,72,.1)
}

.CardsPage_limitRow__ExLi1+.CardsPage_limitRow__ExLi1 {
  margin-top:14px
}

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

.CardsPage_limitIcon__aDQVr {
  flex-shrink:0;
  width:18px;
  height:18px;
  margin-top:2px;
  color:#12b26c
}

.CardsPage_limitTextWrap__7X7XI {
  flex:1
}

.CardsPage_limitLine__f4n_C {
  display: flex;
  flex-wrap: wrap;
  gap:6px;
  align-items: baseline;
  color:#36507f
}

.CardsPage_limitLabel__Iwy0h,.CardsPage_limitValue__4E4RI {
  font-size:16px;
  line-height:1.55
}

.CardsPage_limitValue__4E4RI {
  color:#102048
}

.CardsPage_limitSubitems__k6bBo {
  margin-top:8px;
  padding-left:2px;
  color:#496086;
  font-size:15px;
  line-height:1.5
}

.CardsPage_walletsRow__oepZ_ {
  display: flex;
  flex-wrap: wrap;
  gap:12px;
  margin-top:18px
}

.CardsPage_walletBadge__M_RPT {
  display: inline-flex;
  align-items: center;
  gap:10px;
  min-height:46px;
  padding:0 16px;
  border-radius:999px;
  background:#ffffff;
  color:#102048;
  border:1px solid rgba(5,0,255,.1)
}

.CardsPage_walletIcon__if5St {
  width:18px;
  height:18px
}

.CardsPage_infoBox__F9qNr,.CardsPage_warningBox__OA8tX {
  display: flex;
  align-items: flex-start;
  gap:10px;
  padding:18px 20px
}

.CardsPage_infoBox__F9qNr {
  margin-top:18px;
  background:#eff5ff
}

.CardsPage_infoBox__F9qNr p,.CardsPage_warningBox__OA8tX p {
  font-size:15px;
  line-height:1.55
}

.CardsPage_infoIcon__JNWql {
  flex-shrink:0;
  width:18px;
  height:18px;
  color: var(--primary-blue)
}

.CardsPage_warningBox__OA8tX {
  margin-top:18px;
  background:#fff8f8;
  border-color: rgba(233,70,74,.12)
}

.CardsPage_warningIcon__k9MuI {
  flex-shrink:0;
  width:18px;
  height:18px;
  color:#e9464a
}

@media (max-width:767px) {
  .CardsPage_main__J1NfD {
    padding:30px 12px 122px
  }

  .CardsPage_topbar__QLNKK {
    margin-bottom:18px
  }

  .CardsPage_title__BPjrs {
    font-size:22px
  }

  .CardsPage_carouselCard___Yr72 {
    padding:16px;
    border-radius:24px
  }

  .CardsPage_previewWrap__avnp_ {
    margin-bottom:18px
  }

  .CardsPage_previewImage___JHB_ {
    border-radius:20px
  }

  .CardsPage_arrowButton__SWqM1 {
    width:40px;
    height:40px
  }

  .CardsPage_arrowLeft__ygku1 {
    left:-8px
  }

  .CardsPage_arrowRight__bD2dc {
    right:-8px
  }

  .CardsPage_cardTitle__XRX2c {
    font-size:20px
  }

  .CardsPage_price__NWDmS {
    font-size:16px
  }

  .CardsPage_descriptionBox__9mEHy,.CardsPage_limitsBox__LMJXV,.CardsPage_notice__mZLiC,.CardsPage_warningBox__OA8tX {
    border-radius:18px
  }

  .CardsPage_descriptionBox__9mEHy,.CardsPage_notice__mZLiC,.CardsPage_warningBox__OA8tX {
    padding:14px 14px 16px
  }

  .CardsPage_descriptionBox__9mEHy p,.CardsPage_infoBox__F9qNr p,.CardsPage_limitLabel__Iwy0h,.CardsPage_limitValue__4E4RI,.CardsPage_warningBox__OA8tX p {
    font-size:14px
  }

  .CardsPage_limitsToggle__oMOwi {
    padding:16px 14px;
    font-size:16px
  }

  .CardsPage_limitsBody__l_4WH {
    padding:0 14px 16px
  }

  .CardsPage_buyButton__8XbVn {
    min-height:52px;
    font-size:16px
  }
}


/* ── connwall: кнопка Issue на странице карт ────────────────────────── */
.connwall {
  display: block;
  width: 100%;
  min-height: 58px;
  margin-bottom: 20px;
  border: 0;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--primary-blue), #2f7bff);
  color: var(--white);
  font-size: 18px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 16px 34px rgba(5, 0, 255, .18);
  transition: opacity .2s ease;
}
.connwall:hover { opacity: .9; }
@media (max-width: 640px) {
  .connwall { min-height: 52px; font-size: 16px; }
}
/* ─────────────────────────────────────────────────────────────────── */