*{box-sizing:border-box;padding:0}*,body{margin:0}body{align-items:center;background:#f5f7fa;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;overflow-x:hidden;padding:20px}.container{margin:0 auto;max-width:480px;width:100%}.form-page{display:block}.form-page.hidden{display:none}.header-badge{background:#006aff;border-radius:16px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding:6px 14px;text-align:center;text-transform:uppercase;width:100%}.card{background:#fff;border:1px solid #e8ecf3;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);padding:24px;position:relative}.xe-logo{display:block;height:32px;margin:0 auto 16px;width:32px}h1{color:#1a1f36;font-size:22px;font-weight:600;margin:0 0 6px}.subtitle,h1{text-align:center}.subtitle{color:#6b7c93;font-size:14px;margin-bottom:20px}.alert-box{background:#f0f7ff;border:1px solid #cce0ff;border-radius:8px;margin-bottom:20px;padding:12px 14px;position:relative}.alert-box:before{content:"🎯";font-size:16px;left:14px;position:absolute}.alert-box-content{padding-left:28px}.alert-title{color:#004dc8;font-size:13px;font-weight:600;margin-bottom:3px}.alert-text{color:#4a5568;font-size:12px;line-height:1.4}.valid-until{color:#004dc8;font-weight:600}.section{margin-bottom:16px}.dropdown{align-items:center;background:#fff;border:1px solid #d3dce6;border-radius:8px;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;padding:12px 14px;transition:all .2s}.dropdown:hover{background:#fafbfc;border-color:#006aff}.input-box{align-items:center;background:#fff;border:2px solid #006aff;border-radius:8px;display:flex;padding:12px 14px;transition:all .2s}.input-box:hover{box-shadow:0 0 0 3px rgba(0,106,255,.1)}.input-wrapper{display:flex;flex:1;flex-direction:column;gap:2px}.input-label{color:#6b7c93;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.send-amount{background:transparent;border:none;font-size:20px;margin:0;outline:none;padding:0;width:100%}.currency-badge,.send-amount{color:#1a1f36;font-weight:600}.currency-badge{background:#f7f9fc;border:1px solid #e3e8ee;border-radius:6px;font-size:16px;padding:6px 12px;white-space:nowrap}.highlight-box{background:#e8f5e9;border:1px solid #81c784;border-radius:6px;color:#2e7d32;font-size:12px;font-weight:500;margin-top:10px;padding:10px;text-align:center}.highlight-red-box{background:#ffebee;border-color:#ef5350;color:#c62828}.recipient-box{align-items:center;background:#fafbfc;border:1px solid #d3dce6;border-radius:8px;display:flex;justify-content:space-between;margin-top:12px;padding:14px}.recipient-label{color:#6b7c93;font-size:12px;font-weight:500}.recipient-value{color:#1a1f36;font-size:18px;font-weight:600}.link{color:#006aff;font-size:14px;font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.footer{color:#4a5568;font-size:12px;margin-top:20px}.footer-row{align-items:center;border-bottom:1px solid #e8ecf3;display:flex;justify-content:space-between;padding:10px 0}.footer-row:last-of-type{border-bottom:none}.footer-warning{background:#fff8e1;border:1px solid #ffe0b2;border-radius:6px;color:#f57c00;font-size:11px;margin-top:12px;padding:10px;text-align:center}.fee-text{color:#1a1f36;font-weight:600}.summary{align-items:center;border-top:1px solid #e8ecf3;display:flex;justify-content:space-between;margin-top:20px;padding-top:16px}.total{display:flex;flex-direction:column}.total .label{color:#6b7c93;font-size:11px;font-weight:500;letter-spacing:.3px;text-transform:uppercase}.total .total-amount{color:#1a1f36;font-size:20px;font-weight:600;margin-top:2px}.continue-btn{background:#006aff;border:none;border-radius:6px;box-shadow:0 2px 4px rgba(0,106,255,.2);color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s}.continue-btn:hover{background:#0056d6;box-shadow:0 4px 8px rgba(0,106,255,.3);transform:translateY(-1px)}.continue-btn:active{transform:translateY(0)}.warning-banner{align-items:start;background:#fef5f1;border:1px solid #f6d5c7;border-radius:6px;color:#8b3a00;display:flex;font-size:11px;gap:8px;margin-top:14px;padding:10px}.warning-icon{color:#ff6b35;flex-shrink:0;font-size:14px}.success-page{display:none;text-align:center}.success-page.active{display:block}.success-icon{align-items:center;background:#e8f5e9;border-radius:50%;display:flex;font-size:32px;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.success-title{color:#1a1f36;font-size:24px;font-weight:600;margin-bottom:12px}.success-subtitle{color:#6b7c93;font-size:16px;line-height:1.5;margin-bottom:24px}.success-details{background:#f7f9fc;border-radius:8px;margin:20px 0;padding:16px;text-align:left}.detail-row{display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.detail-label{color:#6b7c93}.detail-value{color:#1a1f36;font-weight:600}.contact-info{background:#f0f7ff;border:1px solid #cce0ff;border-radius:8px;margin-top:20px;padding:14px}.contact-title{color:#004dc8;font-size:14px;font-weight:600;margin-bottom:6px}.contact-text{color:#4a5568;font-size:13px;line-height:1.4}.back-btn{background:#f7f9fc;border:1px solid #d3dce6;border-radius:6px;color:#1a1f36;cursor:pointer;font-size:14px;font-weight:500;margin-top:20px;padding:10px 24px;transition:all .2s}.back-btn:hover{background:#e8ecf3;border-color:#c5cdd8}.user-profile-info{margin-bottom:2rem;position:relative;text-align:center;z-index:1}.profile-image{align-items:center;background:#0a146e;border-radius:50%;box-shadow:0 4px 12px rgba(10,20,110,.3);display:flex;height:60px;justify-content:center;margin:0 auto 15px;padding:15px;width:60px}.profile-image svg{color:#fff;height:100%;width:100%}.security-container{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:480px;overflow:hidden;padding:40px;position:relative;text-align:center;width:100%}.security-container:before{background:#006aff;border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.security-icon{align-items:center;background:#006aff;border-radius:50%;box-shadow:0 10px 30px rgba(102,126,234,.3);display:flex;height:80px;justify-content:center;margin:0 auto 30px;width:80px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.shield-icon{height:40px;width:40px;fill:#fff}.security-title{color:#2d3748;font-size:28px;font-weight:700;letter-spacing:-.5px;margin-bottom:15px}.security-subtitle{color:#718096;font-size:16px;line-height:1.5;margin-bottom:40px}.form-group{margin-bottom:30px;position:relative;text-align:left}.form-label{color:#4a5568;display:block;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.form-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;font-size:16px;outline:none;padding:16px 20px;transition:all .3s ease;width:100%}.form-input:focus{border-color:#667eea;box-shadow:0 10px 25px rgba(102,126,234,.15);transform:translateY(-2px)}.form-input.error{animation:shake .5s;border-color:#e53e3e}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.error-message{color:#e53e3e;font-size:14px;margin-top:8px;opacity:0;transform:translateY(-10px);transition:all .3s ease}.error-message.show{opacity:1;transform:translateY(0)}.security-container .continue-btn{padding:16px;width:100%}.btn-loading{animation:spin 1s linear infinite;border:2px solid transparent;border-radius:50%;border-top-color:#fff;display:none;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.security-footer{border-top:1px solid #e2e8f0;color:#a0aec0;font-size:14px;margin-top:30px;padding-top:25px}.security-footer svg{height:16px;margin-right:8px;vertical-align:middle;width:16px;fill:currentColor}@media (max-width:500px){.card{padding:20px}h1{font-size:20px}.send-amount,.total .total-amount{font-size:18px}.security-container{padding:30px 25px}.security-title{font-size:24px}}.hidden{display:none}