*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;min-height:100dvh;justify-content:center;padding:1rem;-webkit-tap-highlight-color:transparent}.no-reload-banner,body{display:flex;align-items:center}.no-reload-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:.6rem 1rem;margin-bottom:1.5rem;gap:.5rem;font-size:.82rem;color:#92400e;line-height:1.4}.no-reload-banner .banner-icon{font-size:1.1rem;flex-shrink:0}.container{background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.06);padding:2rem 1.5rem;max-width:420px;width:100%;animation:slideUp .35s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}h1{font-size:1.35rem;margin-bottom:.5rem;text-align:center;color:#1a1a1a;font-weight:700}.step-subtitle{text-align:center;color:#6b7280;font-size:.9rem;margin-bottom:1.5rem}.error-screen{text-align:center;padding:2rem 0}.error-icon{font-size:3rem;margin-bottom:1rem}.error-screen h1{color:#dc2626;margin-bottom:.75rem}.error-screen p{color:#6b7280;font-size:.95rem;line-height:1.5}.loading{text-align:center;padding:2rem 0;color:#6b7280}.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin .7s linear infinite;margin:0 auto 1rem}.method-list{display:flex;flex-direction:column;gap:.75rem}.method-card{border:2px solid #e5e7eb;border-radius:12px;padding:1rem 1.25rem;cursor:pointer;transition:all .15s ease;font-size:1rem;font-weight:500;color:#1a1a1a;background:#fff;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between}.method-card:after{content:"\203A";font-size:1.4rem;color:#9ca3af;transition:color .15s}.method-card:hover{border-color:#667eea;background:#f5f3ff}.method-card:hover:after{color:#667eea}.method-card:active{transform:scale(.98)}.selected-method-chip{display:inline-block;background:#f3f4f6;color:#374151;padding:.35rem .85rem;border-radius:20px;font-size:.85rem;font-weight:500;margin:0 auto 1.25rem;text-align:center}.selected-method-chip-wrapper{text-align:center}.amount-group{margin-bottom:1.5rem}.amount-group label{display:block;margin-bottom:.5rem;font-weight:600;font-size:.9rem;color:#374151}.amount-input-wrapper{position:relative}.amount-input-wrapper .currency-symbol{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.1rem;color:#9ca3af;font-weight:500;pointer-events:none}.amount-group input{width:100%;padding:.85rem 1rem .85rem 2.25rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1.15rem;font-weight:500;outline:none;transition:border-color .15s,box-shadow .15s;-moz-appearance:textfield}.amount-group input::-webkit-inner-spin-button,.amount-group input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.amount-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.amount-group input.input-error{border-color:#dc2626}.amount-group input.input-error:focus{box-shadow:0 0 0 3px rgba(220,38,38,.1)}.amount-error{color:#dc2626;font-size:.82rem;margin-top:.4rem;font-weight:500}.fee-breakdown{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.85rem 1rem;margin-bottom:1.5rem}.fee-row{display:flex;justify-content:space-between;padding:.4rem 0;font-size:.9rem;color:#6b7280}.fee-row.fee-total{border-top:1px solid #e5e7eb;margin-top:.35rem;padding-top:.65rem;font-weight:700;font-size:1rem;color:#1a1a1a}.btn{width:100%;padding:.9rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.35)}.btn-primary:hover{box-shadow:0 6px 16px rgba(102,126,234,.45);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed;transform:none}.btn-back{background:none;border:1px solid #e5e7eb;color:#6b7280;margin-top:.75rem}.btn-back:hover{background:#f9fafb;border-color:#d1d5db}.btn-back:active{transform:scale(.98)}.redirect-screen{text-align:center;padding:1.5rem 0}.redirect-screen .spinner{width:40px;height:40px;border-width:4px;margin-bottom:1.25rem}.redirect-screen p{color:#6b7280;font-size:.9rem}