body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5;color:#333}.container{max-width:480px;margin:0 auto;padding:20px;background-color:#fff;min-height:100vh;box-shadow:0 0 10px #0000001a}.header{background-color:green;color:#fff;padding:15px;text-align:center;margin:-20px -20px 20px}.header h1{margin:0;font-size:20px}.account-selection{margin-bottom:20px}.account-option{border:1px solid #ddd;padding:15px;margin-bottom:10px;border-radius:5px;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.account-option:hover{background-color:#f9f9f9}.account-option.selected{border-color:green;background-color:#f0fff0}.account-name{font-weight:700}.account-number{color:#666;font-size:14px}.account-balance{text-align:right;font-weight:700}.button-container{margin-top:30px;text-align:center}.button{background-color:green;color:#fff;border:none;padding:12px 30px;border-radius:5px;font-size:16px;cursor:pointer;width:100%}.button:disabled{background-color:#ccc;cursor:not-allowed}.amount-input{margin-bottom:30px}.amount-input label{display:block;margin-bottom:10px;font-weight:700}.amount-input input{width:100%;padding:12px;font-size:18px;border:1px solid #ddd;border-radius:5px;text-align:right}.amount-input input:focus{border-color:green;outline:none}.navigation{display:flex;justify-content:space-between;margin-top:30px}.back-button{background-color:#f5f5f5;color:#333;border:1px solid #ddd;padding:12px 20px;border-radius:5px;font-size:16px;cursor:pointer}.next-button{background-color:green;color:#fff;border:none;padding:12px 20px;border-radius:5px;font-size:16px;cursor:pointer}.next-button:disabled{background-color:#ccc;cursor:not-allowed}.stepper{display:flex;justify-content:space-between;margin-bottom:0;position:relative;background-color:#f5f5f5;padding:15px 0;border-bottom:1px solid #e0e0e0}.stepper:before{content:"";position:absolute;top:50%;left:15%;right:15%;height:2px;background-color:#ddd;z-index:1;transform:translateY(-50%)}.stepper:after{content:"";position:absolute;top:50%;left:15%;width:0;height:2px;background-color:green;z-index:1;transform:translateY(-50%);transition:width .8s ease-in-out}.stepper.animate:after{width:calc((100% - 30%) * (var(--completed-steps) / (var(--total-steps) - 1)))}.step{display:flex;flex-direction:column;align-items:center;position:relative;z-index:2;width:25%}.step-number{width:24px;height:24px;border-radius:50%;background-color:#ddd;color:#666;display:flex;align-items:center;justify-content:center;margin-bottom:6px;font-weight:700;font-size:12px;box-shadow:0 1px 3px #0000001a;transition:background-color .5s ease-in-out,color .5s ease-in-out}.step.active .step-number{background-color:green;color:#fff;box-shadow:0 1px 4px #0080004d;animation:pulse 1s ease-in-out}.step.completed .step-number{background-color:green;color:#fff}.step-name{font-size:11px;color:#666;text-align:center}.step.active .step-name{color:green;font-weight:700}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}