.phone-frame-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.phone-frame{position:relative;width:393px;height:852px;background:#1a1a2e;border-radius:55px;border:4px solid #2a2a3e;box-shadow:0 0 0 2px #111,0 25px 80px #0009,inset 0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column}.phone-notch{position:absolute;top:0;left:50%;transform:translate(-50%);width:126px;height:34px;background:#0a0a0f;border-radius:0 0 20px 20px;z-index:10;display:flex;align-items:center;justify-content:center}.phone-notch-camera{width:12px;height:12px;background:#1a1a2e;border-radius:50%;border:2px solid #2a2a3e}.phone-screen{flex:1;overflow-y:auto;overflow-x:hidden;padding:54px 0 0;display:flex;flex-direction:column}.phone-screen::-webkit-scrollbar{display:none}.phone-home-bar{height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.phone-home-bar:after{content:"";width:134px;height:5px;background:#ffffff4d;border-radius:3px}.payment-widget{flex:1;display:flex;flex-direction:column}.widget-step{flex:1;display:flex;flex-direction:column;padding:1rem 1.25rem}.widget-step.center{align-items:center;justify-content:center;text-align:center}.widget-header{text-align:center;margin-bottom:1.5rem}.widget-header.compact{display:flex;align-items:center;gap:.75rem;text-align:left;margin-bottom:.75rem}.widget-logo{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;color:#fff;margin:0 auto .75rem;letter-spacing:1px}.widget-title{font-size:1.4rem;font-weight:600;color:#fff}.widget-subtitle{font-size:1.1rem;font-weight:600;color:#fff}.back-btn{background:#ffffff14;border:none;color:#fff;width:36px;height:36px;border-radius:10px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn:hover{background:#ffffff26}.widget-body{flex:1}.payment-summary-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.25rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;align-items:center;margin-bottom:1.25rem}.summary-label{font-size:.8rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:.95rem;color:#fff;text-align:right}.summary-value.highlight{color:#8b5cf6;font-weight:700;font-size:1.1rem}.email-badge{grid-column:1 / -1;text-align:center;font-size:.75rem;color:#34d399;background:#34d3991a;padding:.3rem .75rem;border-radius:20px;margin-top:.25rem}.widget-description{font-size:.85rem;color:#ffffff8c;line-height:1.6}.widget-description strong{color:#fff}.amount-display{text-align:center;margin-bottom:1rem}.amount-number{font-size:2rem;font-weight:700;color:#fff}.amount-currency{font-size:.9rem;color:#ffffff80;margin-left:.4rem}.card-form{display:flex;flex-direction:column;gap:.65rem}.form-group{display:flex;flex-direction:column;gap:.25rem;min-width:0}.form-group label{font-size:.7rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.form-input{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.7rem .85rem;color:#fff;font-size:.88rem;outline:none;transition:border-color .2s;width:100%;min-width:0}.form-input.mono{font-family:SF Mono,Fira Code,Courier New,monospace;letter-spacing:1px}.form-input::placeholder{color:#ffffff40}.form-input:focus{border-color:#6366f1}.form-section-title{font-size:.7rem;color:#ffffff59;text-transform:uppercase;letter-spacing:.8px;margin-top:.25rem;padding-bottom:.2rem;border-bottom:1px solid rgba(255,255,255,.06)}.form-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.4)' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.form-select option{background:#1a1a2e;color:#fff}.phone-input-group{display:flex;gap:0;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#ffffff0f}.phone-code-select{width:80px;flex-shrink:0;background:#ffffff0a;border:none;border-right:1px solid rgba(255,255,255,.1);color:#fff;padding:.7rem .4rem;font-size:.85rem;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none}.phone-code-select option{background:#1a1a2e;color:#fff;font-size:.9rem}.phone-number-input{flex:1;border:none!important;border-radius:0!important;background:transparent!important}.phone-number-input:focus{border:none!important}.phone-input-group:focus-within{border-color:#6366f1}.auth-body{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.25rem}.auth-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6366f126,#8b5cf626);display:flex;align-items:center;justify-content:center;color:#8b5cf6}.auth-description{font-size:.88rem;color:#ffffff8c;line-height:1.6;max-width:280px}.auth-buttons{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem}.widget-btn.secondary{background:#ffffff14;color:#fff;border:1px solid rgba(255,255,255,.15)}.widget-btn.secondary:hover{background:#ffffff1f}.widget-btn:disabled{opacity:.5;cursor:not-allowed}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;font-size:.8rem;padding:.6rem .85rem;border-radius:10px;text-align:center;line-height:1.4}.widget-footer{margin-top:auto;padding-top:.75rem}.widget-btn{width:100%;padding:.85rem;border:none;border-radius:12px;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .2s}.widget-btn.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.widget-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.widget-btn.primary:active{transform:translateY(0)}.widget-legal{font-size:.7rem;color:#ffffff4d;text-align:center;margin-top:.75rem;line-height:1.5}.security-badges{display:flex;justify-content:center;gap:.75rem}.badge{font-size:.7rem;color:#fff6;background:#ffffff0d;padding:.3rem .6rem;border-radius:6px;letter-spacing:.5px}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1.5rem}.processing-title{font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.processing-text{font-size:.85rem;color:#ffffff80;line-height:1.6}.success-icon{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#34d399,#059669);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin-bottom:1.5rem}.success-title{font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.success-text{font-size:.9rem;color:#ffffff8c;margin-bottom:1.5rem}.success-text strong{color:#fff}.success-details{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem 1.25rem;display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;text-align:left;width:100%}.detail-label{font-size:.78rem;color:#fff6}.detail-value{font-size:.9rem;color:#fff;text-align:right;font-family:SF Mono,Fira Code,monospace}.status-ok{color:#34d399}.payment-page{min-height:100vh;background:#0a0a0f}.loading-state,.error-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;gap:1rem}.loader{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#8b5cf6;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{color:#fff6;font-size:.9rem}.error-icon{width:56px;height:56px;border-radius:50%;background:#ef444426;color:#ef4444;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.error-state h3{color:#fff;font-size:1.1rem}.error-state p{color:#fff6;font-size:.85rem}.return-page{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.return-card{background:#1a1a2e;border-radius:16px;padding:2rem;max-width:480px;width:100%;border:1px solid rgba(255,255,255,.1)}.return-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0 0 1.5rem;text-align:center}.wallet-info{background:#ffffff0d;border-radius:10px;padding:1rem;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.75rem}.wallet-address,.wallet-chain{display:flex;justify-content:space-between;align-items:center}.info-label{color:#ffffff80;font-size:.85rem}.info-value{color:#fff;font-size:.9rem}.info-value.mono{font-family:SF Mono,Fira Code,monospace}.loading-balances{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 0;color:#fff9}.loader-small{width:28px;height:28px;border:3px solid rgba(255,255,255,.15);border-top-color:#6c5ce7;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.balance-error{background:#e74c3c26;color:#e74c3c;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;text-align:center}.balances-title{font-size:1.1rem;color:#fff;margin:0 0 1rem;font-weight:500}.balances-list{display:flex;flex-direction:column;gap:.5rem}.balance-row{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;border-radius:10px;padding:.85rem 1rem}.token-info{display:flex;flex-direction:column;gap:.15rem}.token-symbol{color:#fff;font-weight:600;font-size:.95rem}.token-name{color:#fff6;font-size:.75rem}.token-balance{color:#fff;font-family:SF Mono,Fira Code,monospace;font-size:.95rem}.balances-raw{background:#0000004d;border-radius:8px;padding:1rem;color:#ffffffb3;font-size:.75rem;font-family:SF Mono,Fira Code,monospace;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.no-balances{color:#ffffff80;text-align:center;padding:1rem 0}.auth-section{text-align:center;padding:2rem 0}.auth-text{color:#fff9;margin-bottom:1rem}.return-btn{background:#6c5ce7;color:#fff;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;cursor:pointer;width:100%}.return-btn:hover{background:#5a4bd1}.return-btn:disabled{opacity:.6;cursor:not-allowed}.return-btn.small{width:auto;padding:.5rem 1rem;font-size:.85rem}.transfer-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.transfer-info{background:#ffffff0d;border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.transfer-row{display:flex;justify-content:space-between;align-items:center}.transfer-form{display:flex;flex-direction:column;gap:.75rem}.transfer-input{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:.75rem 1rem;color:#fff;font-size:1rem;outline:none;transition:border-color .2s}.transfer-input:focus{border-color:#6c5ce7}.transfer-input::placeholder{color:#ffffff4d}.transfer-btn{margin-top:.25rem}.transfer-success{background:#2ed57326;color:#2ed573;padding:.85rem 1rem;border-radius:10px;text-align:center;margin-top:.75rem;font-weight:500;display:flex;flex-direction:column;gap:.5rem;align-items:center}.tx-link{color:#6c5ce7;font-size:.85rem;text-decoration:underline}.tx-link:hover{color:#a29bfe}.transfer-pending{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem 0;color:#fff9;font-size:.9rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:#0a0a0f;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}